Im using a Kendo grid to make an editable list which should be nested, for example:
John Johnsson (add score)
Score 1: 15 (remove)
Score 2: 22 (remove)
Score 3: 44 (remove)
Paul Paulsson (add score)
Score 1: 22 (remove)
Score 2: 15 (remove)
Im wondering how I could make use of kendo grid to make this as efficient as possible? Ive been trying by adding a template that creates each score when you click add score, but it seems that im getting further and further away from actually using kendo and more towards writing my own jquery scripts. Should I instead nest a second kendo grid inside the first?
Related
I have a search criteria where there is a dropdownlist with 4 options and a text box for search text.. Now on click of search button, I need to show four different kendo grids but only one at a time based on which value is selected from dropdownlist..
So, what I am following is :
I have a div with below tag:
<div id='mygrid'> </div>
I want to keep only this div but I want to render 4 different grids here. This is because for one option of dropdown, we need to show grid which have 3 columns but for other options there are number of columns differentiating.
So in script tag:
<script>
Here i have created 4 different data sources which are working fine . on click of search button, I check the value of drop down, if it is blah blah, I call a function which contains different grid loads method.
So in this technique ,the new grid is not getting rendered in the same div.. Any ideas or suggestions that I can use to achieve this </script>
As I have posted the question from phone, the code is not showing.
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.
Is it possible to "freeze the last 5 rows" (always show up when scrolling) of data in a Kendo grid? I tried to search this one in Google, but I can't fine any solutions.
Thanks
No, this isn't possible. You can however use two Kendo UI grids - the first is scrollable and the second shows the last five rows.
After you utilize the compound function after importing singularitygs/extras, how to use grid-span to then alternate between the two (or more) grids we instantiated with that function--the third parameter of the grid-span mixin, $grid, or another way?
When working with compound grids, say a compound 3/4 column grid, you aren't using either a 3 column grid or a 4 column grid, you are creating a new asymmetric grid based on the properties of the grids you are compounding. Take a look at the following image:
The top section shows the final compound grid, with the middle section showing the grid split into thirds and bottom section showing the grid split into quarters. You span the final compound grid as normal, just keeping in mind how you want to span each compound.
My design requires a checkbox as the first column in the grid and subsequent grids, however, using Hierarchy to implement those subsequent grids, the drop down arrow that kendo adds becomes the first column making the column with the checkbox template second. Is there an efficient / official way of getting around this?