In 'older' code in our system it seemed necessary to use a <select> element at all times when invoking and binding to a kendo ComboBox. Now, we note that there is less variance between using an <input> element and the performance appears to be identical.

I notice that in the dojo, if there exists a fixed set of options and no dataSource, <select> is used and then the element is just initialized as kendoComboBox. On the other hand, any time a dataSource is provided, whether locally or remotely, the dojo uses the <input> element.

When viewed in the source, there seems to be little variance except for the <select>/<input> shown after the k-dropdown-wrap. Both of which are hidden from display anyways.

Do you have any 'input' on this?

Hello. I have a line chart created via the MVC extender. I have various controls on the page to display data for a given year-long interval. This is done by using the filter() method on the chart's data source object. There are also multiple sources of data that can be selected by the user. These are implemented by calling the read() method. Now not all sources have data for the same time periods, so rather than leave the user staring at an empty chart I want to reset the date range when the data source read is called. Unfortunately calling both read() and filter() redraws the chart. Is there any way to prevent that?

Thanks,

Boris

How i make a diagram with a fill color in gradient ?

 Like this: 

Dear Support team, 

We found an error that multi checkbox filter panel is not refreshing after changing data source in mvvm style. More is shown in attached dojo and screencast:

http://dojo.telerik.com/opURA

http://screencast.com/t/F4nzqodS

We created workaround about this error:

Problem was lack of field action in event parameter when change is done from mvvm. When we removed this condition application started working properly.

Marcin (Szwagier) Bębenek

Hey Guys,

I have been stuck on this issue for a day now and still can’t figure it out.  
The issue is that the drop down list in the grid column always return 'undefined' after selecting an item and moving to the next column.  
It will display the last selected item if I go back to the drop down list.  I am not sure if I need to refresh the grid or it's not proper bind to the field.
Any help is appreciated.  Below are the codes.

TIA

A call back for json and literate through a loop to set up my data

var ds = new kendo.data.DataSource({
            transport: {
                read: function (options) {
                    var myData = [];

var tCounter = 0;
json call here ......
function (result) {
  for (var i = 0; i < result.length; i++) {

for (var j = 0; j < result[i].TS.length; j++) {
var rData = [];

for (var m = 0; m < result[i].TS[j].DRP.length; m++) {                                
rData[m] = {                                                                                                    
nextId: result[i].TS[j].DRP[m].Id,                                                    
nextDesc: result[i].TS[j].DRP[m].Description
}
}

myData[tCounter] = {
...other variables
rList: rData,
};
tCounter ++;
};
                    };                                                      
});
options.success(myData);
              }
            },
            schema: {
                model: {
                    id: "Id",
                    fields: {
                        JN: { editable: false },
                        TI: { editable: false },
                        rList: { editable: true }
                    }
                }
            },
        });


        var test = $("#grid").kendoGrid({
            dataSource: ds, 
            columns: [
            {
              ...'other column settings'
            },
            {
                field: 'rList',
                title: 'Next',
                width: 200,
                template: "#=rList.nextDesc#",   // I think is causing the issue
                editor: dropDownEditor
            },
    }],
editable: true,
navigatable: true
}).data("kendoGrid");


   function dropDownEditor(container, options) {
        var iData = [];
        for (var i = 0; i < options.model.rList.length; i++) {
            iData.push({ nextDesc: options.model.rList[i].nextDesc, nextId: options.model.rList[i].nextId });
        }

        //iData = [{ nextDesc: "ABC", nextId: "123" },
        //                 { nextDesc: "CDF", nextId: "456" },
        //                 { nextDesc: "HIJ", nextId: "789" }];
        var ddl = $('<input data-text-field="nextDesc" data-value-field="nextId" data-bind="value:' + options.field + '"/>')
            .appendTo(container)
            .kendoDropDownList({
                optionLabel: ' ',
                autoBind: false,
                dataSource: iData,
                dataTextField: "nextDesc",
                dataValueField: "nextId"

            });
    }

Hi, I have encountered this strange error that was not present earlier.

The back button in a navbar, causes a jquery error, this is reproducible also in one of your demos:

http://demos.telerik.com/kendo-ui/mobile-view

Simply go to the local view then click back, you'll get an error like:

Uncaught Error: Syntax error, unrecognized expression: #!

Is it possible to define a toolbar with overflow button in html instead of java script?

When I create the toolbar in html there is no <ul> tag with k-overflow-container which contains the button in toolbar. 

Example:

<div kendo-toolbar >

     <button type="button" name="btnNewBeleg" class="btn btn-primary" ng-click="newBeleg()" data-overflow="auto">new</button>

</div>