Right now there is no non-hacky way to modify the query executed when the user hits the 'refresh' button. You either have to remove a class from the refresh button so the standard code path is not executed, or you have to make your own refresh button. We would like a way to say "when the refresh action is called (via button click or otherwise), execute this function (or pass this data along with the standard execution).
We have implemented custom 'search' functionality for Kendo grids, which uses column filtering 'behind the scenes'. Without a hacky workaround, we are having a problem where modifying the filters list behind the scenes will trigger the filter indicator on the columns. It would be great if there was some kind of 'silent' filtering that we could add for this instead of having to write a completely custom query for searching.
Just like how Telerik Grids are done for Silverlight Grid. I would like to have both the multi check box filter and the regular filter w/ 'Contains/Starts with/ Ends with' message on the same filter 'popup'. Is this possible with the current Kendo UI?
Currently, when the Grid widget is empty, as it is initially, the progress indicator is hidden because the its element, with class .k-grid-content, has zero height. Just move the indicator to .k-grid-content.filter(":parent") or the equivalent so that everyone won't have to kludge it with a min-height class override for .k-grid-content.
If Column widths are not set, The grid column and column header will be misaligned when autoscroll is enabled unless the following code is used which feels like a hack. This code snippet was given to me by a support team member. dataBound: function(e) { if($(".k-grid-content table").height() > $(".k-grid-content").height()) { $("#grid1 div.k-grid-header").css('padding-right',kendo.support.scrollbar()); $("#grid1 div.k-grid-content").css('overflow-y', 'visible'); } else { $("#grid1 div.k-grid-header").css('padding-right', '0'); $("#grid1 div.k-grid-content").css('overflow-y', 'hidden'); } }
Current grid implementation sorts the whole data again and again for each page virtualization. This causes the scrolling stuck. Please think to change the grid implementation so that the scrolling is not stuck when virtualization and sorting enabled.
Kendo UI Grid should have a option to set confirmTemplate options to show custom confirm window. Now browser ugly built-in prompt is awful.
For kendo grids, it would be really useful to be able to have a right-click on the grid to select the row. I know there is a fudge to do this but it would be useful to have different actions for a left and right click, e.g. a context menu on right click instead of left.
We are not using an editable grid for this scenario. The Kendo Grid needs to have its existing filter and sort cleared which should not result in two unnecessary reads to the server and then do a read on the datasource to get the newly added row. We then return the data from the server in descending order by Id so the new row is at the top of the grid and selected. If the sort for a default view and add are the same, no issues, but when they are not, the work around is complex. What are the options and how can we make this simple task simpler to code and maintain?
in a grid configured to groupable = false using a datasource that is grouped will allow selecting a grouping row, it does not show in the ui, but the select() method will return the grouping row. demo: http://dojo.telerik.com/aDevo code: <!-- shows problem with select() in grid where dataSource is grouped and groupable is disabled --> <!-- in the demo it is possible to select the grouping row which is not shown but select() returns the grouping row as selected, the problem is even worse if using multiselect with ctrl and clicking on the grouping row --> <!DOCTYPE html> <html> <head> <meta charset="utf-8"/> <title>Kendo UI Snippet</title> <link rel="stylesheet" href="http://kendo.cdn.telerik.com/2016.1.412/styles/kendo.common.min.css"/> <link rel="stylesheet" href="http://kendo.cdn.telerik.com/2016.1.412/styles/kendo.rtl.min.css"/> <link rel="stylesheet" href="http://kendo.cdn.telerik.com/2016.1.412/styles/kendo.silver.min.css"/> <link rel="stylesheet" href="http://kendo.cdn.telerik.com/2016.1.412/styles/kendo.mobile.all.min.css"/> <script src="http://code.jquery.com/jquery-1.9.1.min.js"></script> <script src="http://kendo.cdn.telerik.com/2016.1.412/js/kendo.all.min.js"></script> </head> <body> <div id="grid"></div> <script> var dataSource = new kendo.data.DataSource({ data: [ { productName: "Tea", category: "Beverages" }, { productName: "Coffee", category: "Beverages" }, { productName: "Ham", category: "Food" }, { productName: "Bread", category: "Food" } ], group: { field: "productName" } }); $("#grid").kendoGrid({ selectable: "multiple, row", allowCopy: true, groupable: false, columns: [ { field: "productName" }, { field: "category" } ], change: function (e) { console.log("number of selected items: " + e.sender.select().length ); }, dataSource: dataSource, }); </script> </body> </html>
Dear Telerik, I assume, there should be one button in kendoUI grid to scroll to bottom of grid and one button to scroll top of grid in just one click. Similarly one button to scroll extreme right and one button to scroll left of grid. These buttons can be near, vertical scroll button and horizontal scroll buttons. Regards Surinder
It would be nice to have an option to place the filter row in the table footer instead of the header. It is possible to move it in the DOM using JavaScript, but it breaks the functionality.
A method to display all the currently set column filters For Example: Grid with a column filter set to City and Last name would be displayed like so: City is “San Diego” and Last Name contains “Smith” Additionally, it would be nice to be able to display all the filters in a template above or below the grid; the template could then have a “clear all filters” button.
Allow users to get events callbacks in dragging columns in Grid widget i.e DragEnd, DragStart etc.
i have a grid with number column and the template is replace the number with a text according to the number, but the sort is according to the number which is not correct. for example: data[ status: 1 , 2 , 3 ] the template return Cancelled for 1 Accept for 2 and in Processes for 3. it shoul be sorted in that order: Accept ,Cancelled, in Processes but actually is sort like that: Cancelled, Accept, in Processes
As explained in this support ticket https://www.telerik.com/account/support-tickets/view-ticket?threadid=1063565 I asked me questions about the Kendo-UI Grids toolBar that is only place at the top of datatables. I’ve been reading on forum thread that, with javascript, we can place it elsewhere but i don’t think that it is very clean code and maintainable. I'd like this toolbar to be adaptable according to the design I need ! So I suggest to modify/improve this component to fit more situations (eg.: - to place it in the "page’s information zone" for export buttons - to place it at the bottom of datagrid for ending actions’ buttons because at the top is a good place to propose filters to user and way to organize datas - etc.) or to have the possibility to combine many situations (Toolbar & endToolbar & informationToolBar) with multiple toolbars at different places.
When scrolling is disabled for a grid and column resizing is enabled, resizing a column acts in a strange manner and attempts to size all columns of the grid. I would expect that only the two columns on each side of the resize handle should have their widths altered. Otherwise scenarios can occur where you are completely unable to resize columns. If this would not be default functionality, I would at least suggest a flag to enable it at grid setup.
global option for grid colums that sets the format of number editor ui
global option for grid colums that sets the decimal scale of number editor ui
The Grid does not currently support MVVM bindings for events deeper than one level of nesting. Please fix this.