Provide support for momentum scrolling in Mobile Safari for virtualization of remote data grids. http://demos.telerik.com/kendo-ui/web/grid/virtualization-remote-data.html
Please add the option for aggregates to be calculated dynamically by the datasource without requiring the grid to carry out a full refresh.
The current workaround from forums is:
save: function (e) {
// Refresh aggregates when editing
e.model.one("change", function () {
gridDataSource.fetch();
});
},
but as this triggers a refresh of the databound grid, it's current focussed cell is lost.
Example methodology for expected behaviour of solution:
1) A Config Flag on a datasource to recalculate aggregates when a value has been changed (only valid when aggregates are calculated locally) - this stops from requiring the save event.
2) Add support to the grid so that if the aggregates are updated then the grid will only refresh the footer rather than the whole grid. Alternatively the grid could always keep the currently focussed cell between refreshes (assuming the row has not changed, track by model's id field?)
Originally queried in forum: http://www.telerik.com/forums/grid-navigation-reset-to-first-cell-after-editing
Thanks
Euan
Currently its possible to set static attributes or CSS classes to kendo grid columns by specifying then in column definition:
var columns = [{ field: 'someData', title: 'Some Data', attributes { 'class': 'some-css'} }];
Please add possibility to add custom attributes or CSS Classes dynamically (depending on data row):
var columns = [{ field: 'someData', title: 'Some Data', attributes { 'class': function(dataRow){ return dataRow.data > 1 ? 'css-go-up': 'css-go-down' }} }];
Just similar how it works with template for column.
Thanks,
Val
Expose a clean way of destroying kendoDraggable. For instance at the moment I only want selected rows in a grid to be draggable, to when a row is selected I make it draggable, but then I need to clear all other draggables in the grid. Can't find a clean way to do this.
With the kendoGrid, if no columns are specified, all columns are automatically rendered. However, dates (at least, I have not tested other non-strings) are rendered in non-human-readable form (at least if they are from SQL Server). Since date rendering is tied to culture parameters, it would make sense to specify culture at the grid object level and have dates, currency, etc. render according to that. It would also be great to have filters setup for these different types applied to dynamic columns.
When we have a Grid with Resizable Columns we may need some of them to be non-resizable (ex. a column containing only status icons). There are work around and customizations: Column Resize - Min Width on Resize http://www.telerik.com/forums/column-resize---min-width-on-resize but I believe it will be more handy to define requested behavior as a property of the specific column (ex. in row template). Also, for non resizable columns the user should not even take a resize handle when going on a non resizable column boundary instead of try to resize and when the user leaves the resize handle the column is bouncing back (restoring) the minimum width defined. Regards, Thomas
The current built-in _tmpl: method of kendo.grid constructs a very nice automatic row template that is aware of alternation, hasDetails and all the columns.* configuration settings such as formats and attributes.
Two new templateSettings could make the automatic template even more useful, especially for row-wise highlighting based on data conditions (aka traffic highlighting):
templateSettings.autoGridTrClassHook : string
- inject addtional classes or kendo template source into the class="..." attribute of the <TR> element in the automatic row template
templateSettings.autoGridTrHook : string
- inject addtional html source or kendo template source into the <TR> element of the automatic row template
Example
$('#grid').empty().kendoGrid({
dataSource: myRemoteDS,
...
templateSettings: { autoGridTrClassHook: '# if (data.Recent==="Y") { # is-recent #}#' },
...
Some css
.is-recent {
font-style: italic;
background: #FFFFCC;
}
.is-recent.k-alt {
font-style: italic;
background: #FFFF99;
}
.is-recent.k-state-selected {
font-style: italic;
background: #6600FF;
}
Allow inserting a row in a grid when the filter is applied and show the newly inserted row (even if it does not match the filter criteria) until the filter is re-applied by the user. This behavior is consistent with Microsoft Excel. Can the kendo grid be modified to support this behavior?
Would be nice to have a simple grouping without collapse and additional column for expand/collapse icon (just a grouping row with colspan attribute)
The Kendo grid is slow to render row details when using Internet Explorer. The reason, according to a forum post, is because IE does not handle the ":not()" selector well, which the Kendo uses. Fix this problem.
Grid sorting needs to sort Enum by text, not by their numeric undelaying value. Or at least it should be an option what to sort by.
In a navigatable grid with row selection mode, It should be possible to focus row using arrow keys (up or down) instead of space bar. Right now when user press arrow keys, only once cell is being highlighted and focused. If user wants to highlight that row then he needs to press spacebar. this behavior is confusing for end user.
Give the developer an option to show a search field in the grid. This option should be configurable so we could chose which column(s) to search in. With a single keyword the user would be able to get a specific row.
It would be great to have a couple of CSS classes to do customization of the style of scrollbars in Kendo UI Web controls (multi-browser) because otherwise its really complicated to integrate javascript plugins to do this in the Kendo UI structure.
I want to be able to change whether a grid is scrollable, as its datasource grows or shrinks, without having to destroy and recreate it, and I want to control whether the columns are equal width or auto-sized, independently of whether it's scrollable. I also want to change its height, and turn on and off the option that lets it auto-size itself. (Also I'm running into a similar issue with charts, where I can't change the tooltip template after it's set.)
We need to display a custom content in the grouping cells (the empty leftmost indentation cells in data rows). Currently it is impossible since the cells are rendered "statically" (kendo.grid.js, line 337):
function groupCells(count) {
return new Array(count + 1).join('<td class="k-group-cell"> </td>');
}
Currently I insert my cell content AFTER the rows are rendered using $('.k-group-cell', row).html(...). But, you know, it is far not the best approach.
Please implement a grid option, say, groupCellTemplate:string|object – it won't be too hard. And let me know if you would like me to contribute.
Can we please have a way to save and retrieve the raw html formatted as we'd like. Currently it does not matter how you write the raw html, it will come back in an unusable blob of html
The event args from column.groupHeaderTemplate (and groupFooterTemplate) should contain a function to retrieve the data for that group. Currently, they only contain "field" and "value." If you made the grouped rows available in this event, clients would be free to add multiple aggregate columns of the same type (i.e., get the "sum" of multiple values instead of being limited to a single value). I've been able to halfway implement this, but it only works correctly if I'm only grouping by one column. For example, if I'm grouped by WidgetName and then by ProductCode, my event args for ProductCode should contain a function to return data rows for only rows matching the current ProductCode and WidgetName.
When the user types a value in a grid column filter, clicks the filter button, then deletes the value from the column filter, and clicks the filter button, the grid results will not change to reflect the updated filter. When the filter text is removed, and the filter button is clicked, the grid results should be updated.
When adding Multi-Level Hierarchical Grid no option to make single select mode for the whole grid so that when i click a row on the master grid and another in the details grid and one other again in the 3rd sub-details grid i have both 3 of the rows selected.