In the following example I want to sort the inner lists and not the other list. In my live example the lists are generated by the grouped list functionality, so I can't give each list an id and create a separate sortable object. How do I create a sortable set of inner lists using kendo native listview grouping? 

Hello,

With numbers of 10 digits and more, I have a formatting issue even using kendo.toString() in jquery or DisplayFormat through field decoration on Class ViewModel.

For exemple, 2 458 200 256 using kendo.toString(number, "#,###.###;(- #,###.###);0") will return 24 582 00256 which is totally wrong.

Before upgrade everthing was working correctly. If I want to correctly format number, I need to use kendo.toString(number, "#,###,###,###.###;(- #,###,###,###.###);0");

Is it possible to have columns in the grid view of the Gantt control that are hidden? I have tried setting column widths to 0 which the control seems to ignore ... I see no API call to do it, so does that mean if I want to do that I have to go in and hide the column myself during the onDataBinding or onDataBound events?

The reason I ask is that I want two types of columns:

1) The first is a column in the first index position with unbound checkboxes so I can "select" multiple tasks at once.

2) The second is a set of columns that only become visible if the user presses a button elsewhere on the page.

Hi,

I have a simple grid with a custom editor template containing a form. I am using data annotations on the model for validation. However, I am trying to customize the validation (disable tooltips and enable css red border). I can do this by adding styles and hiding the validation fields.

What I cannot do is get the red border to surround date pickers and drop downs. I understand there is a hidden field in there that will hold the value and this is the field that gets validated and that it is the wrapper span that needs to get updated with the css.

I am trying to implement the following:

$("form").kendoValidator({

            errorTemplate: "",  
            validate: function (e) {
                var dropDowns = $(".k-dropdown");

                $.each(dropDowns, function (key, value) {
                    var input = $(value).find("input.k-invalid");  
                    var span = $(this).find("span.k-dropdown-wrap");
               if (input.size() > 0) {
                        $(span).addClass("dropdown-validation-error");
                    } else {
                        $(span).removeClass("dropdown-validation-error");
                    }
                });
            }
       });

I am putting the above code into the document.ready function on the grid page (not the editor template) but the custom validation isn't running on the form in the editor template. Is this form in the editor template reachable at the grid view document.load stage or am I missing something? 

To be honest this behaviour should be available out of the box and I've lost alot of time on it. 

Any suggestions would be appreciated.

Regards

I can't get kendo listview to properly auto scroll when I have grouping. Change autoscroll to true to see issue below.
I am also having a similar problem with angular.
JSFiddle below
https://jsfiddle.net/jcbowyer/ao0xzoaz/1/

I am creating my own filters on filter initialization and i need to do some logics and adding values in my filter inputs every time the user click on the filter, but the issue is that filterMenuInit is being fired only once. i was wondering how i can raise this event again, or is there any other event which is being raised on the clicking on the filter?

Hi I have one requirement in Kendo  UI Grid pagination.

How to show

X items / rows in 1st page

X+1 items / rows in 2nd page

X+2 items / rows in 3rd page

I have tried bellow code but not worked, it will show 2 items per page because of latest query selection.

$("div[kendo-grid]").data().kendoGrid.dataSource.query({pageSize: 3, page:1});

$("div[kendo-grid]").data().kendoGrid.dataSource.query({pageSize: 4, page:2});

$("div[kendo-grid]").data().kendoGrid.dataSource.query({pageSize: 2, page:3});

Hello,

I am trying to implement a dynamic tabstrip. Below is the code snippets after which I will try to explain the problem I am facing.

HTML:

Data source collection:

Method to change tab source based on let's say a button click (toggle)

Tab options:

Tab selection:

By default value of "vm.ToggleOption" is X which means 1 tab is shown to user. If I see the network tab when this happens, I see that "a.html" gets loaded dynamically. This page is an html page with angular controller attached. So the controller gets initialized as well. If I toggle to Y, "b.html" is loaded and its controller initialized. Everything is good so far.

Now, If I toggle back to X, "a.html" gets loaded again (I see this in network tab) which means the controller associated with this html gets initialized again. This is a problem because when the second load of "a.html" happens, the controller created during previous load already exists and hence I now have two instances of same controller which for me is a problem. If I continue to switch the toggle, every time, a new controller gets created which is quite problematic.

My question is, is this expected behavior when I use "k-data-content-url-field" option. Is there any way I can control this behavior so that it doesn't load the associated html every time?

Also, I have observed that this happens only when I change the bounded data source in some way (using filterTabsToDisplay method). If I have static tab strip like below, this problem doesn't arise.

Regards,

Vinod

Hi

I often set some default values or values from the database in my form widgets. Now this works very well but if I clear the form beforehand using

$('#myform')[0].reset();

the widgets don't seem to accept the values anymore, e.g. myKendoDropDown.select(1) stopps working. This is true for other widgets as well.

What am I missing here ?

Kind regards

Alex