Add new record crashes when having a filter that filters all rows
See sample below.
Steps to reproduce;
1) In the grid, set filter to First Name = "xyz" , result:  all records filtered.
2) Press Add new record button , result:
    Microsoft JScript runtime error: Unable to get value of the property 'ID': object is null or undefined

<div id="grid">
</div>
<script type="text/javascript">
    $(document).ready(function () {

        var ds = new kendo.data.DataSource({
            schema: {
                model: {
                    id: "ID",
                    fields: {
                        ID: { type: "number", editable: false, nullable: true },
                        FirstName: { type: "string" },
                        LastName: { type: "string" }
                    }
                }
            },
            data: [
                         { ID: "1", FirstName: "Joe", LastName: "Smith" },
                         { ID: "2", FirstName: "Jane", LastName: "Hilton" }
                      ]
        });

        $("#grid").kendoGrid({
            dataSource: ds,
            columns: [
                        { field: "ID", title: "ID" },
                        { field: "FirstName", title: "First Name" },
                        { field: "LastName", title: "Last Name" }
                     ],
            toolbar: ["create", "save", "cancel"],
            editable: true,
            navigatable: true, // tab thru the cells
            autoBind: true,
            sortable: true,
            filterable: true,
            scrollable: false
        });

    });
</script>

Hi,

I've seen a few examples of filtering, but never with a listview using range sliders. Pretty much all of the examples I've seen involve filtering a grid with a dropdown. I am curious about filtering a listview with multiple range sliders. I know how to filter a listview but don't know how to hook up the range sliders to do the filtering (on change, on slide). Could someone please point me in the right direction?

This is what I have so far:
All I've done is look at the examples and try to apply them, as you can see above. The filtering, as is, works - except it isn't hooked up to any range sliders. Would appreciate any help.
TIA

Hi, we implemented a reorderable Kendo TabStrip using jQuery UI's Sortable plugin, but are converting it to use Kendo's Reorderable widget in order to eliminate the jQuery UI dependency.  This works fine for a static TabStrip, but if you add a new tab (e.g., via append()), it seems the only reasonable way to have the newly added tab be a DropTarget is to re-apply the Reorderable widget.  See this JSFiddle:

http://jsfiddle.net/6v8Su/12/

As you can see, we call applyReorderable() every time a new tab is added, which seems less than ideal and potentially prone to memory leaks/inefficiencies.

I had initally wanted to simply add a new DropTarget to the new tab, analogous to what is done inside Reorderable (lines 10027-11069 of kendo.web.js, 2012.2.710).  However, this would require essentially duplicating nearly the entire Reorderable class in our code (including toggleHintClass() from inside the Reorderable module closure).

So I decided to fall back on the brute-force approach of re-applying the Reorderable widget every time a tab is added.  Is there a better way to do this?  Will there be memory leaks doing it this way, due to event handlers and/or DOM elements not being detached, etc?  I know that there are plans to add destroy() methods to all widgets, but as far as I understand, that is not ready at this time.

The approach in the JSFiddle seems to work, but is not elegant and seems potentially prone to memory issues.  If you have any suggestions on how to accomplish this in a more efficient manner, it would be appreciated.  Thanks!

ryan

p.s. A second question: jQuery UI's Sortable plugin will actually reorder the DOM elements upon dropping in the new location.  Kendo does not actually reorder the Reorderable elements, but simply triggers an event that describes the reordering attempt (see onReorderableChange() in my JSFiddle, where I have to reorder the .k-item tabs manually).  Are there plans to have Reorderable actually reorder its elements?  I realize that I will still need to reorder the content <div>s that correspond to the tabs, but it would be nice if Reorderable actually performed the reordering of its elements.

I was looking for the  columnReorder event in the API reference but coudn't find it. Therefore we managed to bind the drag end event like this.

   var draggable = $('#resultGrid .k-grid-header thead').data('kendoDraggable'); /

   draggable.bind("dragend", function (e) {

                       ///

    });

 Is it there with the new version ?

Hi there.
Problem: I'm using Kendo UI Web v2012.3.1114 in my mvc application I have kendo grid with options Reorderable(x => x.Columns(true)) and Groupable(), in DetailTemplate I have another grid without grouping and sorting.
Issue: I can drag columns of detailed grid and drop them to main grid.

Comments:
I saw at kendo.grid.js

I think problem is that filter equals to .k-header:not(.k-group-cell,.k-hierarchy-cell)
that filter applying to all .k-header, even in detail template grid. If I'm right how can I fix it? 

        

In the above data source the data.id item passed to the read.url is dynamic, that is fantastic.

My situation is this:
The schema.model.fields property is also dynamic and can change based on the data.id.
My understanding from the documentation is that the fields property can't be a function.

So before I do a ds.read I can query another url to get the fields that will be returned for an id.  Call this 'fieldsOfId'
If they are different than the current schema.model.fields I should do ... what?

1. Create a new datasource using the fieldsOfId value.
or
2. Change the value of schema.model.fields of that of fieldsOfId and mark the schema/datasource as 'dirty'

Regardless of how the data source is managed, the Grid that it is attached to will also need to have its columns property adjusted to match the fields of the datasource.

Thanks,
Richard DeVenezia

I apologize if this question has been answered before, but I haven't been able to locate and answer.

Is running a mobile web site on Windows WebKit browsers, such as Safari and Chrome supported? And how about FireFox?

The reason why I ask this question is that it ALMOST works, but I have run into a few snags.

My main problem is that if I have a scrollable grid inside a view that can be drag scrolled, and I perform any action on the scroll bar, either clicking or dragging, then KendoUI thinks I have started a drag on the outer view. It appreas that the mousedown event is cascaded to the outer view, but the mouseup event isn't. This is really annoying, because any mouse movement after moving the scroll bar and releasing the mouse button causes the entire view to scroll until I do a click anywhere in the vew, which causes a mousedown and mouseup event to cascade to the scrollable view.

On iOS everything works as expected/

Thanks/Anker

After transitioning from Kendo version v2012.2.710 to version v2012.3.1114, the touch-events on an ipad no longer trigger the navigation events for a PanelBar.

In addition I've noticed other kendo controls do not work for ipad after switching to the newer version.


To reproduce this error, I have created two identical websites simply utilizing different Kendo Web versions:

Kendo v2012.3.1114 http://kendo.mobnation.org/

Kendo v2012.2.710 http://kendo.mobnation.org/home/old

You can try both urls on an ipad and see that only v2012.2.710 triggers navigation when an item is clicked. You can simulate this in Google Chrome by enabling the developer console (F12), clicking the black gear icon in the bottom right corner, select the "Overrides" tab, change the User Agent to "iPad iOS 5" and tick the "Emulate touch events" checkbox (Ensure you refresh the page).

Please let me know if you are able to reproduce this issue and have plans to correct it as my company is trialing your products and about to buy it but cannot without full ipad support.

-Angelo

Hi:

I would like to share some code.  This is a MVC application accessing web-server that is returned as json:
Good luck:
Phil

Hi:

I would like to share some code.  This is a MVC application accessing web-server that is returned as json:
Good luck:
Phil