I have to create the kendo ui tree list with two way data binding. I have try with the kendo grid which is working but for kendo tree list it is not working. Please let me know if i am missing anything.
Kendo grid example :- http://dojo.telerik.com/OvUxU/2
Kendo tree list example :- http://dojo.telerik.com/#vinay/arAwo
The TreeList is a bit different in this behavior due to how it process data related to load-on-demand. In order make this scenario work you should defined dataSource.data instead of directly dataSource as array.
Here is the updated example - http://dojo.telerik.com/#rusev/oJeho
Related
In the kendo tree view using angular, how to get a list with their respective item detail in .ts file after rendering the kendo tree view component.
required list as below
["0","0_1","0_2","0_1_1"]
I want to create editable Kendo MVC grid bound to local data(some IEnumerable<>).
I found this and this. But first is only for js and second is not ediatable.
Is it possible?
I have tried all modes of Editable. But Editable() requires to specify related actions and it's impossible to prevent its execution.
As far as I know, editing is not supported with server side binding. In the past, I have used a Template column with links to edit the items. An example:
cols.Template(#<text>Edit</text>)
How can we use expandRow for expanding a particular row in angular ui grid tree view. Can I get an example of this?
Use the following link for tree expansion and addition of nodes.You can add a ng-click controller to this functionality which will make this tree visible(hide it initially with ng-hide).
https://angular-ui-tree.github.io/angular-ui-tree/#/basic-example
I was trying to use the Kendo Grid UI control.
I am using the binding from Javascript with few template columns.
When the HTML is generated it gets two tables, one for header and one for body. This becomes hard for accessibility, can someone please guide me how do I set to generate only one table with header and data in it.
This issue is caused by setting grid to be scrollable. Scrollable property in Kendo UI for jQuery is true by default so you need to explicitly set it false.
If you are using Kendo UI for ASP.NET MVC then you have to remove GridBuilder's .Scrollable() method call.
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.