kendo-ui

I am using the treeview of KendoUI and want to give the user the possibility to filter it. There is even a demo that does what I want (http://demos.kendoui.com/web/treeview/api.html) The Problem is that the filter is only applied to the 1st hierarchy of the TreeView, so if the filter-text is present in a child but not the parent, then the child won't be displayed. Example: Item 1 Item 2 Item xzy Item abc If the search text would be "abc", no item would be displayed. Instead I would like to have the following result: Item 2 Item abc Does anyone know how to do this? This is the code I am using:

I am trying to get a form containing a Kendo MVC grid and other elements to submit. The View model contains contains three string fields and an IEnumerable collection. The grid is server bound. I am not adding any elements or deleting any elements from the list using the grid but the grid contains a check box mapped to a boolean column in the list items. Whenever I submit this form the three string elements return in the post method but the list is always null. Here is the data model: public class Parent { public string Field1 { get; set; } public string Field2 { get; set; } public string

When invoking destroy() in KendoUI Grid and then recreate the table on a new DataSource : why do the old table columns still exist? The only element here that stays the say is the element. How do I tell the grid to read the new datasource columns (it reads everything else correct). (if I make 2 different elements, they both populate properly but I rather just keep 1 element and replace the elements table by destroy and reinit) Most probably this is because you are not clearing the content inside the Grid container. e.g. $('#gridName').data().kendoGrid.destroy(); $('#gridName').empty(); or

I have a kendo ui dropdownlist in my view: $("#Instrument").kendoDropDownList({ dataTextField: "symbol", dataValueField: "symbol", dataSource: data, index: 0 }); How can I change the selected value of it using jQuery? I tried: $("#Instrument").val(symbol); But it doesn't work as expected. OnaBai You have to use Kendo UI DropDownList select method (documentation in here ). Basically you should: // get a reference to the dropdown list var dropdownlist = $("#Instrument").data("kendoDropDownList"); If you know the index you can use: // selects by index dropdownlist.select(1); If not, use: //

I have a kendoGrid and i would like to get the JSON out of it after filtering and sorting how do I achieve this? something like the following, var grid = $("#grid").data("kendoGrid"); alert(grid.dataSource.data.json); // I could dig through grid.dataSource.data and I see a function ( .json doen't exist I put it there so you know what i want to achieve ) Thanks any help is greatly appreciated! Petur Subev I think you're looking for var displayedData = $("#YourGrid").data().kendoGrid.dataSource.view() Then stringify it as follows: var displayedDataAsJSON = JSON.stringify(displayedData); Hope

Is there a way to refresh a single Kendo grid row without refreshing the whole datasource or using jQuery to set the value for each cell? OnaBai How do you define the row that you want to update? I'm going to assume that is the row that you have selected, and the name of the column being updated is symbol . // Get a reference to the grid var grid = $("#my_grid").data("kendoGrid"); // Access the row that is selected var select = grid.select(); // and now the data var data = grid.dataItem(select); // update the column `symbol` and set its value to `HPQ` data.set("symbol", "HPQ"); Remember that