Telerik Forums
Kendo UI for jQuery Forum
5 answers
373 views
I have a ListView  that render this template:

<script type="text/x-kendo-tmpl" id="template_token_list">
            <div id="token" class="k-header">
                <h3>${codice}</h3>
                <div id='token_status' class='${colore}'></div>
                <img src="/upload/token/${codice}_small.jpg"><br>
                <button class="k-button info"><span class="k-icon k-warning"></span></button>
                <input style="display:none;" class="comboAction" />
            </div> 
</script>


<script>
...
$("#listView").kendoListView({
        dataSource: dataSource,
        template: kendo.template($("#template_token_list").html())
    });

 $(".comboAction").kendoComboBox({
            dataTextField: "text",
            dataValueField: "value",
            dataSource: items,
            placeholder: "Action..."
        });
...

but, when I call the listView refresh

var listView = $("#listView").data("kendoListView");
listView.refresh();

all the kendoComboBox return to normal input 

Please help me

Rosen
Telerik team
 answered on 09 May 2012
0 answers
104 views
If set the config param
selectable: "row"

for a grid it throws the error
c.ui.Selectable is not a constructor 

(I have included the kendo.web.min.js) Am i supposed to do anything else to make the grid rows selectable?
Vijay
Top achievements
Rank 1
 asked on 09 May 2012
6 answers
326 views
In RAD ASP controls there was a demo for full-browser window layout using Rad Splitter and panels etc. The nice thing about that demo was while resizing the browser, it allowed to automatically resize all panels within it.

We need similar type of feature in Kendo UI - how do we achieve that? For example,  I need such feature using TabStrip so that the Tab Panel resizes according to the browser size and other items like menu and call remain fix size.
Alex Gyoshev
Telerik team
 answered on 09 May 2012
1 answer
176 views
In a TreeView I can add the following:

.bind("drag", function(e) {

        })

Which allows me to access the dropTarget, which is a DomElement. How can I go about both determining if this is a tree node, and getting said tree node?
Alex Gyoshev
Telerik team
 answered on 09 May 2012
0 answers
150 views
$("#productsGrid").kendoGrid({
    dataSource: dataSoucrce,
    columns: columns,
    scrollable: true,
    groupable: true,
    sortable: true,
    pageable: true,
    filterable: true,
    selectable: "multiple,row",
 
    //put query box in toolbar
    toolbar: "<input class='span3' type='text' id='productsQuery'/>",
 
    //init query box's autocomplete
    dataBound: function(){
 if(typeof $("#productsQuery").data("kendoAutoComplete") == "undefined") {
    $("#productsQuery").kendoAutoComplete({
        minLength: 1,
        dataTextField: "key",
        filter: 'contains',
        change: function(){
            if($("#productsQuery").val() == "") {
                $("#productsGrid").data("kendoGrid").dataSource.filter({});
            }
        },
        placeholder: "Search product key...",
 
        //use the datasource of productsGrid
        dataSource: $("#productsGrid").data("kendoGrid").dataSource
    });
}
    }
});

As you see, I put the query box in the toolbar of kendoGrid, and use kendoGrid's datasource for the kendoAutoComplete.
But I found that after I grouped by the kendoGrid, the autoComplete dropdown list became list of "undefined"s.
Chris
Top achievements
Rank 1
 asked on 09 May 2012
0 answers
115 views
Hello,

I have created a couple of real simple Android applications using the webview. This time however I am creating an actual interface and of course my button are defined in xml. I could define them in Java but for now they are in xml. Can I use / apply Kendo themes to Android XML objects? For example:...of course there is no such Style parameter so I made that last line up to show what I was thinking.

TIA
JB

<Button
            android:id="@+id/btn_Next"
            android:layout_width="100dp"
            android:layout_height="40dp"
            android:layout_alignParentBottom="true"
            android:layout_alignParentRight="true"
            android:layout_marginRight="30dp"
            android:layout_marginBottom="30dp"
            android:text="Next"
            android:onClick="btn_NextClick"
            android:Style="BlueOpal"  />
Ramjet
Top achievements
Rank 1
 asked on 09 May 2012
0 answers
110 views
1. Chrome and IE 9 seem to be fine.
2. Here is the scenario:
   I have a DataSource and a kendoGrid widget setup. Here is part of the code:

   $(document).ready(function () {
        // Monthly Detail data source         var monthlyDetailDataSource = new kendo.data.DataSource({             transport: {                 read: {                     url: '@HttpUtility.JavaScriptStringEncode(Url.Content("~/Home/GetMonthlyDetailData/"))',                     data: {                         asOf: function () {                             return $("#datePicker").val();                         },                         fund: function () {                             try {                                 var dataItem = getSelectedDataItem();                                 var fundCode = dataItem.Fund.split(" ")[0];                                 return fundCode;                             }                             catch (err) {                                 return "";                             }                         }                     }                 }             },             batch: true,             schema: {                 model: {                     fields: {                         MonthStarting: { type: "date" },                         Nav: { type: "number" },                         MonthReturn: { type: "number" },                         Ytd: { type: "number" },                         Ltd: { type: "number" }                     }                 }             },             sort: { field: "MonthStarting", dir: "desc" }         });         // Monthly Detail grid         $("#monthlyDetailGrid").kendoGrid({             height: 300,             scrollable: true,             selectable: true,             sortable: true,             columns: [                 { title: "Month", field: "MonthStarting", template: '#= kendo.toString(MonthStarting, "yyyy-MM (MMM)") #' },                 { title: "NAV", field: "Nav", width: "100px", template: '<span style="float:right">#= kendo.toString(Nav, "n4") #</span>' },                 { title: "Monthly", field: "MonthReturn", width: "100px", template: '<span style="float:right">#= kendo.toString(MonthReturn, "p2") #</span>' },                 { title: "YTD", field: "Ytd", width: "100px", template: '<span style="float:right">#= kendo.toString(Ytd, "p2") #</span>' },                 { title: "LTD", field: "Ltd", width: "100px", template: '<span style="float:right">#= kendo.toString(Ltd, "p2") #</span>' }             ],             dataSource: monthlyDetailDataSource         }).data("kendoGrid"); // more code goes here ...
    });
On document ready I'm hitting my MVC 3 action on the server and returning null instead of "real"
JsonResult. The code of the method:
        public JsonResult GetMonthlyDetailData(string asOf, string fund)         {             if (String.IsNullOrEmpty(fund))             {                 return null;                                                                    // This is an issue                 // return Json(new List<FundReturnHistory>(), JsonRequestBehavior.AllowGet);    // This fixes it             }                              var asOfDate = GetDateOrDefault(asOf);             var data = historyProvider.GetFundReturnHistory(asOfDate, fund).First();             return Json(data, JsonRequestBehavior.AllowGet);         }

 
After that the workflow usually is: the user makes a dropdown selection on the UI, 
and subsequently triggers dataSource.read(), in this case:
 $("#monthlyDetailGrid").data("kendoGrid").dataSource.read();
which will not work if I have returned null in the GetMonthlyDetailData() method. Returning empty Json there fixes the problem. Different browsers have different native support for Json, so returning null would be handled differently... But on top of all that I think the DataSource is being put into an error state which could be a bug, and it might be worth fixing it... ~ Boris
Boris
Top achievements
Rank 1
 asked on 08 May 2012
0 answers
132 views
What are the practical limitations on the amount of data loaded into a Kendo Grid?

We are considering a grid where there will be 1000 records, 100+ columns and potentially 250 characters in each field.

All data would be loaded at once unless there is a simple way to do paging with 1000-record pages also using 'virtual' data and paging at the same time.
Mike
Top achievements
Rank 1
 asked on 08 May 2012
2 answers
165 views
Hi,

I want to animate a button on and off screen depending on which view is visible. Using jQuery.animate() is very slow and unusable on mobiles. I noticed the kendoAnimate() function.

Are there any docs about kendoAnimate? My button resides at the top left of the screen (bottom left in the android style) and needs to slide off the left of the screen and back.

How can I do this with kendoAnimate()?

Thanks
Gareth
Gareth
Top achievements
Rank 1
 answered on 08 May 2012
1 answer
489 views
Is there a way that I am missing that will easily tell me if a DataSource linked to an editable grid has any pending changes?

I am able to set my own flag on the edit and saveChanges events of the Grid, but can't seem to find an event that corresponds the the "Cancel changes" button on the grid. Also, just because someone puts the grid into an edit mode, doesn't mean they actually go through with making a change.

I am thinking that there should be something on the Datasource object, as this holds all the data, but can't fin anything and there are only two events associated with that control, so tracking my own flag there doesn't seem feasible either.

Regards,

   John
rlapao
Top achievements
Rank 1
 answered on 08 May 2012
Narrow your results
Selected tags
Tags
Grid
General Discussions
Charts
Data Source
Scheduler
DropDownList
TreeView
MVVM
Editor
Window
DatePicker
Spreadsheet
Upload
ListView (Mobile)
ComboBox
TabStrip
MultiSelect
AutoComplete
ListView
Menu
Templates
Gantt
Validation
TreeList
Diagram
NumericTextBox
Splitter
PanelBar
Application
Map
Drag and Drop
ToolTip
Calendar
PivotGrid
ScrollView (Mobile)
Toolbar
TabStrip (Mobile)
Slider
Button (Mobile)
Filter
SPA
Drawing API
Drawer (Mobile)
Globalization
LinearGauge
Sortable
ModalView
Hierarchical Data Source
Button
FileManager
MaskedTextBox
View
Form
NavBar
Notification
Switch (Mobile)
SplitView
ListBox
DropDownTree
PDFViewer
Sparkline
ActionSheet
TileLayout
PopOver (Mobile)
TreeMap
ButtonGroup
ColorPicker
Pager
Styling
MultiColumnComboBox
Chat
DateRangePicker
Dialog
Checkbox
Timeline
Drawer
DateInput
ProgressBar
MediaPlayer
ImageEditor
TextBox
OrgChart
Effects
Accessibility
PivotGridV2
ScrollView
BulletChart
Licensing
QRCode
ResponsivePanel
Switch
Wizard
CheckBoxGroup
TextArea
Barcode
Breadcrumb
Collapsible
Localization
MultiViewCalendar
Touch
RadioButton
Stepper
Card
ExpansionPanel
Rating
RadioGroup
Badge
Captcha
Heatmap
AppBar
Loader
Security
TaskBoard
Popover
DockManager
FloatingActionButton
CircularGauge
ColorGradient
ColorPalette
DropDownButton
TimeDurationPicker
ToggleButton
TimePicker
BottomNavigation
Ripple
SkeletonContainer
Avatar
Circular ProgressBar
FlatColorPicker
SplitButton
Signature
Chip
ChipList
VS Code Extension
AIPrompt
PropertyGrid
Sankey
Chart Wizard
OTP Input
SpeechToTextButton
InlineAIPrompt
StockChart
ContextMenu
DateTimePicker
RadialGauge
ArcGauge
AICodingAssistant
+? more
Top users last month
Rob
Top achievements
Rank 3
Bronze
Iron
Iron
Sergii
Top achievements
Rank 1
Iron
Iron
Dedalus
Top achievements
Rank 1
Iron
Iron
Lan
Top achievements
Rank 1
Iron
Doug
Top achievements
Rank 1
Want to show your ninja superpower to fellow developers?
Top users last month
Rob
Top achievements
Rank 3
Bronze
Iron
Iron
Sergii
Top achievements
Rank 1
Iron
Iron
Dedalus
Top achievements
Rank 1
Iron
Iron
Lan
Top achievements
Rank 1
Iron
Doug
Top achievements
Rank 1
Want to show your ninja superpower to fellow developers?
Want to show your ninja superpower to fellow developers?