We have requirement to display pager for grid in below format

1 2 3 4 5 >
< 6 7 8 9 10 >
<11 12 13 14

Displaying like below format currently

|< < 1 2 3 4 5  > >|

Can you please suggest how to achieve this feature

I have a Dialog with 4 fields, the first 3 are cascading dropdowns and the 4th is a free entry field

If the user selects an item from the first  dropdown, the next two dropdowns are populating and showing values but if the user clicks straight to the 4th field, then nothing has been selected these two fields. In this case I want the 1st item in the 2nd and  3rd dropdowns to be selected automatically 

Here's the code for the 2nd field where I've been playing around unsuccessfully with the dataBound and  'this.select' lines following suggestions on this forums but the 'this' doesn't appear to be populated

    function cascadeComponentDropDownEditor(container, options) {
        $('<input id="componentDDL" disabled data-bind="value:' + options.field + '"/>')
            .appendTo(container)
            .svDropDownList({
                autoBind: false,
                dataTextField: "Name",
                dataValueField: "Id",
                select: onComponentSelect,
                dataSource: {
                    type: "json",
                    transport: {
                        read: componentDropdownUrl
                    }
                },
                dataBound: function() {
                if (this.dataSource.total() > 0)
                    this.select(0);
                }
            }).data("svDropDownList");
    }

i have two input controls and i have given validation is js file in below format which is working as expected and i am assigning values from data base to those controls. first input is populating value and for second control if we click on text box then only it is showing value.

setTimeout(function () { $("#numerictextbox").kendoNumericTextBox({ min: 1, max: 9999, format: "#", decimals: 0 }).siblings('input:visible').focus(); }, 1000); setTimeout(function () { $("#Priority").kendoNumericTextBox({ min: 1, max: 9999, format: "#", decimals: 0 }).siblings('input:visible').focus(); }, 1000

Hi,

Is there a way to show on which column sorting was applied? similar to 

.k-spreadsheet-filter.k-state-active {
  background-color: lightblue;
}

The result is a new window with the error: "Unable to find web object file '[object Object]'" plus a new KendoWindow with the content from the tab.

Thank you in advance, 
Syian

     Hi All:

 I have a problem that I am trying to resolve. Please help me out here. Thanks in advance. 

 I want to build two features into the tool bar, one is search panel, 

https://demos.telerik.com/kendo-ui/treelist/search-panel

the other one is Add New Record button

https://demos.telerik.com/kendo-ui/treelist/editing-popup

Both if them have completely different syntax, and if I do this in the treelist it won't work.

toolbar: ["kendo.template($("#region").html())", "create"],

Can you guys help me out on how I can get these two functions in the same tool bar please? Thanks.