Deleting last remaining row on kendo grid on the last page does not go to the previous page. When using client side filtering, deleting the last remaining record should change the current page of grid to previous page.
Is it possible that you include a way to resize rows on a grid like we have the option to resize columns? My application has a default row height retrieved from database, we do not let the content to overflow this row height. But instead we want to give the user the option to manually resize the row to see the full text content. This row resizing, though it is done only on one row would affect all the rows currently shown.
Kendoui Grid filterin is excellent. But we can not use filter ui without grid. Kendoui has pager plugin so we can use pager plugin with datasource also without grid. But there is no filter plugin using filterin ui without grid. I put a screenshoot from another web app which show what i mean.
When "Clear Filter" in grid column filtermenu is clicked,grid's dataSource's filter method is called even though the grid is actually not filtered with that field yet. eg. Load this page http://demos.telerik.com/kendo-ui/grid/remote-data-binding and directly click clear filter of any column field. It'll query the remote data. I don't want this behavior. Because the grid is not filtered by that field yet.
There is a Save Changes event but no corresponding Save Changes
Hi, We have extensively used the Kendo Grid's current() function to get the current selected cell in the grid. It appears this field is always returning undefined when used in a touch enabled device (e.g. Notebooks with touch screen, Surface, Mobile Devices). We have tried this with various browsers including Chrome and Firefox. To reproduce the issue in Google Chrome, please follow the following steps: Go to Developer Console Go to Emulation Tab Select Model: Notebook with touch Open the following link: http://jsbin.com/qivigoceva/1/edit?html,js,console,output Select a cell in the grid. The console should show the reference to current cell. It will instead show undefined. The current() function is extremely important to us as we need to get the cell reference. Currently many of our client's are having trouble due this issue. Please provide us a solution as soon as possible. ===================================================== Hello Khalil, This behavior is expected, as the keyboard navigation is not meant to be used on touch enabled devices, as there is no hardware keyboard present. I am afraid that currently there is no workaround for this behavior. Regards, Kiril Nikolov Telerik ===================================================== Hello Khalil, If you want to get the currently selected element, you can use this.select() that will return the element that is selected in the change event handler. Regards, Kiril Nikolov Telerik ===================================================== Dear Kendo Team, this.select() will return the current select tr , but we need the current focused td in the selected row. We cant avoid row selection in this grid. And also we are using devices(Laptop with touch) with keyboard (hardware) . ==================================================== Hello Khalil, I am afraid that this is not possible on touch devices. You can submit this as a feature request on UserVoice, so that it is considered for implementation in a future release. Regards, Kiril Nikolov Telerik
When using a grid vith virtual scrolling it is currently not possible to get the current result that is viewed. I wanted to show the user approximatelly where he/she currently, i.e., I wanted to display in the GUI something like "Displaying rows 501-600 of 3211" when the pageSize is 100 and the total number of rows in the Grid is 3211. This would be helpful for orientation when using virtual scrolling with a high number of results. I have tried grid.dataSource.page() and this one is not currently possible to use. The results will be something like 100,200,300,400,500,600,500,700 sometimes going back a hundred and somtimes going forward 200 when using the scrollbar to scroll downwards. Please check yourself by just creating a virtual scrolling grid with server side operations. Put the printout in the event handler for "DataBound". Page(), Skip() etc are not possible to use for the inconsistent behavior according to above. You help has not been able to find a solution or workaround for this and suggested I ask for this as new functionality.
Highlight a row during mouse over has to be done through CSS. However it doesn't work properly when there is a locked column, as there are two separate tables. This requires some programming. I suggest you embed it in Kendo, so we could easily use this feature without having to implement it ourselves.
When we add Hide/show and filtering functionalities to my grid, the filtering button is no longer shown independently and is added to the column menu. We are no longer able to guess which column is filtered since the color indicator for filtering is not visible anymore. Or make the column Menu colored when a filter is applied on the corresponding column
When configuring grid column commands, there is no easy way to control certain aspects of the generated buttons without template and CSS gymnastics. Here are several specific ideas: * Add a "title" option so that the underlying button automatically creates a theme-specific tooltip. Currently, tooltips have to be added to the grid element using crazy filters, and they do look like the button tooltips. * Add support for icon-only buttons through a means other than setting the "text" to "". The CSS for icon-only buttons is slightly different (margins/padding) to ensure the icons are centered and the margins/padding are not too large. By automatically applying a distinct class to represent an icon-only button, the CSS can be more reliably controlled. * When applying a className value to the "edit" command, that className value is not applied to the "update" and "cancel" buttons that are automatically generated when the edit button is clicked. This might have been a potential work around to the previous item, except that the class is not applied to the generated buttons.
I use the Kendo controls via the ASP.Net MVC wrapper, so my examples are in that context. The Kendo Grid can display multiple controls in a cell via Editor Templates, but my understanding from my experiments and from Kiril's reply on this forum post (http://www.telerik.com/forums/multiple-controls-in-a-column-on-single-grid-row) is that editing these controls will not work properly. Being able to host multiple controls in a cell gives us more options in UI design. In my case, I am using it to group related controls and prevent the grid from being very wide.
It would be really great if Kendo implemented JQuery Promises on all methods that are fired asynchronously. There are several places where there would be direct and tangible benefits: 1) DataSource: Methods like fetch() and read() would be able to chained with .then(), .fail(), and .always() in order to complete certain operations after these methods have completed, but before events are fired up the chain. 2) UI controls like Grid: calling KendoGrid.saveChanges() would allow you to chain a .then() function to the end, so that a particular function can be called only when a particular instance of saveChanges completes, not every time the requestEnd event is fired on the DataSource.
When a Kendo Grid is given a detailTemplate, the "master" rows can generate detail rows. When this first happens, the detail row is visible to both the detailInit and detailExpand event handlers: e.dataRow.is(":hidden") is false However, during subsequent expansions and collapses, the row is no longer visible when detailExpand is entered: e.dataRow.is(":hidden") is true The problem is that dynamic content inside the detail may have responded to a change elsewhere, and redrawn while invisible--producing an ugly mess of content when the detail row becomes visible again. Having an event that occurs after the row is made visible by the expansion would allow me an easy place to instruct the detail row contents to redraw/refresh/resize. At this time, the workaround is to use setTimeout inside the detailExpand handler. I think it would be ideal for Kendo to have a secondary event so that any future Grid enhancements for managing row content can easily adapt to our needs to tweak it at this pivotal moment.
Refresh Event Handler for refreshing the grid with refresh set to true
It would be nice to have the possibility of using own template for the exported data, as some data may be obtained from own functions. Something like this: columns: [ { field: "ProductName", title: "Product Name", aggregates: ["count"], footerTemplate: "Total Count: #=count#", groupFooterTemplate: "Count: #=count#" }, { field: "UnitPrice", title: "Unit Price", template: '<div style="text-align: right; font-weight: bold;">#= kendo.toString(UnitPrice, "n2") #</div>', exportTemplate: '#= kendo.toString(UnitPrice, "n4") #', aggregates: ["sum"] } ]
We have a problem when working with grid in batch edit mode which puts different fields in the In cell edit mode. The problem is that cell that are not edited (for example you create a new row, edit only the first field, press save) are never validated. This is of course because they never went into edit mode, so the control and validation was never rendered. Please give us a feature for such scenario.
Currently, If I use Kendo Grid on a page with 10 column by 10 rows(and have 3 rows in editable mode & 7 rows in disabled/locked mode). I can not navigate through grid control via TAB key with only Enabled columns. It still go through each control. Logging to support request, I am being advised that I need to impalement my own TAB logic. However, if you think, it doesn't make sense for TAB to be stopped at Disabled column. It is probably stopping as Kendo doesn't have any direct mechanism of disabling some columns for edit. I wrote some Jquery which doesn't let us click on some column and I used CSS to make it look like disabled. It is nice if ClientTemplate allows facility where we can enable/disable controls and TAB key respect those.
<pre> Kendoui grid date filterable "Is equal to" - Make it have a range base on what is input If you have a date column in a grid and you filter it and select "Is equal to" it currently doesn't work very good unless your dates/time are all on 12:00:00.000 AM Maybe you could make the filter do this when "Is equal to" If you select or inputput: 2/22/2004 It will find the following rows: 02/22/2004 00:00:00.000 <= datesFound < 02/23/2004 00:00:00.000 2/22/2004 06: It will find the following rows: 02/22/2004 06:00:00.000 <= datesFound < 02/23/2004 07:00:00.000 2/22/2004 06:50 It will find the following rows: 02/22/2004 06:50:00.000 <= datesFound < 02/23/2004 07:51:00.000 2/22/2004 06:50:20 It will find the following rows: 02/22/2004 06:50:20.000 <= datesFound < 02/23/2004 07:51:21.000 2/22/2004 06:50:20.034 It will find the following rows: 02/22/2004 06:50:20.034 <= datesFound < 02/23/2004 07:51:21.035 Maybe have a toggle for (0-12 AM/PM) or (00-23 24 hour clock) in the datetimepicker with a default setting that can be configured. Maybe make the datetimepicker have a range for each Hour, minute, second, millisecond, AM/PM * or blank - could act like a regular expression but would need to have the higher unit set. IE: ( 06:50:20.035 , 06:50:20.* , 06:50:*.* , 06:*:*.* , *:*:*.* or 6:50:20.035 AM, 6:50:20.* AM, 6:50:*.* AM, 6:*:*.* AM, *:*:*.* * Not this: *:50:*.* * ). HH , MM , ss , fff 00-23;*, 0-59;*, 0-59;*, 000 - 999;* or H , tt , MM , ss , fff 0-12;* , AM/PM;*, 0-59;*, 0-59;*, 000 - 999;* The yyyy,MM,dd could also be done this way so you could get all the rows for a yyyy****, yyyyMM**, yyyyMMdd </pre>
Add support for flexible width to columns on a "weight" basis (like XAML grid). Ps. I'm writting the example in MVC wrappers because I'm not familiar with the javascript initialization but I am posting this in Kendo UI Web category because it's a core feature and assume it would be implemented accordingly in every wrappers without having to specify them. @(Html.Kendo() .Grid<Employee>() .Name("EmployeesGrid") .Columns(cols => { cols.Bound(o => o.FirstName).Width("*"); cols.Bound(o => o.LastName).Width("2*"); cols.Bound(o => o.Initials).Width("Auto"); cols.Bound(o => o.JobTitle).Width("200"); // Or 200px })) -Assuming the grid is 900 pixel wide and the longest Initials (including header?) is 100 pixel -Ignoring the lost horizontal space in padding, margin, borders, scrollbars and anything else This example would give the following result: FirstName column: 200px LastName column: 400px Initials column: 100px JobTitle column: 200px
Confirmation messaage required to before delete record from a data grid. It should be looks like 'Are you sure you want to delete the record