Kendo Ui How to add rows to the table children.?
$("#ProcessTable ChildrenId?").data("kendoGrid").dataSource.add(obj);
In this way is it possible to add a new row?
Related
I am using a kendo grid to display my data. I want to show another kendo grid inside one cell of my kendo grid. Is there anyway I can achieve this?
There is a 'way' (using the "template" option of the corresponding Grid column), however I would suggest to instead use Grid hierarchy to show details about current row:
Grid: hierarchy demo
Nesting another Grid inside cells of current Grid is not a good idea as it will not be usable, it will reduce the page performance etc.
I have a kendo grid and kendo treeview; the kendo grid data is bound to a database and the treeview is currently empty. How can I drag a single column single value from the grid to treeview? Could someone provide some suggestions or examples on how can I do this?
You can use kendo draggable, here is the overview :
LINK
To summary them up
make your grid as kendo draggable,
make your treeview droppable target,
on the drop function of the droppable target, do the logic to remove item from grid, then add it to treeview
HERE some raw example
kendo dojo (grid to treeview)
kendo dojo (listview to treeview)
I have a situation that user go to page with Kendo Grid and he can add new item to this Grid. Before he refresh page - new items are visible at the top of the Grid (stantard Kendo UI way)
I want to mark newly added rows, for example I want to have them shown in different colour than the "old' ones.
Is is possible to do this?
I have KendoUI grid and user can select multiple rows. Before sending form data, user needs to select rows from the Kendo UI Grid. Can i use Kendo UI validator to accomplish this?
I have a Kendo grid that when you click on a row, I would like it to update the contents of another grid on the page. How would you write a function to tell the grid to update the second grid? As an example, the first grid would be a list of states and the second grid would show all of the cities within the selected state.
Just bind the click event on the rows of your first table :
$("#states tbody").on("click", "tr", changeState);
and then change the data of your second table accordingly :
$("#cities").data("kendoGrid").dataSource.data(getListOfCities());
Here is just some sample code : jsFiddle