I am working on Kendo UI. How to display multiple checkbox in a single row of Kendo UI Grid ?
each Kendo component accepts a template which is in kendo's own format. You could setup that grid cell any way you want with as many checkboxes as you want.
have a look here for an example on how to do it :
http://www.telerik.com/forums/checkboxes-in-kendo-grid
http://docs.telerik.com/kendo-ui/controls/data-management/grid/how-to/Selection/select-multiple-rows-with-checkboxes
You might want to use telerik's forums for this kind of questions, they are very good at answering and you get replies from the people who actually created it.
Related
We are using Jqgrid but we need to perform a custom editing.
In particular we want to view/edit the detail of a row inside the accordion of a subgrid area (instead of real subgrid)...
Basically we are looking for a way to redirect the content of the edit popup to the subgrid area.
Anyone have some ideas about how to do it?
Peter
If I understand correct the problem you may look at this demo in case you use Guriddo jqGrid JavaScript. In your case the html file can contain template form, where you can get the values from the row and put it in the form.
If you have difficulties we can prepare a online demo.
I have a Kendo UI multiselect that loads approximately 70 options. The requirement is to pre-select all the available options. All this is working from programming perspective. But from the GUI perspective, when all the options are pre-selected, the Kendo multiselect seems way too big on the screen and does not look user friendly.
Is there a way where I can show first few (for example, 5) pre-selected items and then show a custom item(for example, 65 more..)? Thank you in advance.
Found what I needed. I couldn't exactly show the kendo-multiselect with a customized item. But, I ended up using TagMode.
Please refer this link : https://demos.telerik.com/kendo-ui/multiselect/tag-mode
You can use tagRender property with appropriate logic inside.
Or tags
How to displayed records in grouping,I mean hide the column data if its in same group.Please refer below screen shot.
Is it possible in Kendo Grid(with asp.net MVC)?
Thanks in advance.
You should consider using grid hierarchy or aggregates, whichever suits you best.
Here's a working demo for hierarchy and a working demo for aggregates.
I need to display multiple ui grids in my screen. The number of grids are dynamic.
Scenario: I am adding some people in a list and proceeds to next screen where I need to display their details in a separate ui grid. How can I create grid options dynamically?
Wrap up the code and html inside a directive, pass the table data to the directive.See the answer from user CMR here...I hope this helps.
Custom directive for Ui Grid
I have a hierarchical grid. How can I avoid that the first row is expanded when the site is loaded?
regards
Your kendo hierarchical grid expands the first row and since you have not shared your code, lets assume that you are binding the grid with jQuery.
Now to not to allow the grid to expand the first row, all you have to do is remove
this.expandRow(this.tbody.find("tr.k-master-row").first());
from the dataBound event.
Here is a working example. See the commented code in the example.