kendo-grid

I am having a Kendo UI grid showing more than 1000 data. I also have a dropdown list for different page size - 15, 25, 50, 100. On selection of a page size, how can we change the page size of Kendo UI grid? Daniel You can set the page size in the combobox change event. (Also see JSBin example .) $("#comboBox").kendoComboBox({ dataTextField: "text", dataValueField: "value", dataSource: [ { text: 1 }, { text: 2 }, { text: 3 }, { text: 4 }, { text: 5 } ], change: function(e) { var grid = $("#grid").data("kendoGrid"); grid.dataSource.pageSize(parseInt(this.value())); // this.value() being the

I have a kendo ui grid. Let's say that the JS variable pointing to the grid is called grid . How can I go to page 3 programmatically? Thanks. OnaBai You might to use: grid.dataSource.query({ page: 3, pageSize: 20 }); Documentation in here . or: grid.dataSource.page(3); Documentation in here Answer is just set it pate: 1 when datasource created var dataSource = new kendo.data.DataSource({ data: [ { name: "Tea", category: "Beverages" }, { name: "Coffee", category: "Beverages" }, { name: "Ham", category: "Food" } ], page: 1, // a page of data contains two data items pageSize: 2 }); 来源： https:/

When invoking destroy() in KendoUI Grid and then recreate the table on a new DataSource : why do the old table columns still exist? The only element here that stays the say is the element. How do I tell the grid to read the new datasource columns (it reads everything else correct). (if I make 2 different elements, they both populate properly but I rather just keep 1 element and replace the elements table by destroy and reinit) Most probably this is because you are not clearing the content inside the Grid container. e.g. $('#gridName').data().kendoGrid.destroy(); $('#gridName').empty(); or

I am currently have a grid with PDF attachment. Each PDF can have file size up to 1MB. The problem is I am getting the value " Error during serialization or deserialization using the JSON JavaScriptSerializer. The length of the string exceeds the value set on the maxJsonLength property " I already placed the following in the web.config but the problem is it works only if the Kendo UI Grid needs to display 6 records. <system.web.extensions> <scripting> <webServices> <jsonSerialization maxJsonLength = "2147483647"></jsonSerialization> </webServices> </scripting> </system.web.extensions> Spidey

Is there a way to refresh a single Kendo grid row without refreshing the whole datasource or using jQuery to set the value for each cell? OnaBai How do you define the row that you want to update? I'm going to assume that is the row that you have selected, and the name of the column being updated is symbol . // Get a reference to the grid var grid = $("#my_grid").data("kendoGrid"); // Access the row that is selected var select = grid.select(); // and now the data var data = grid.dataItem(select); // update the column `symbol` and set its value to `HPQ` data.set("symbol", "HPQ"); Remember that

I've got a kendoui grid and I'm using it inside a metronic template... I wish to change the delete confirmation popup (not the text) with a colored better one . I'm using MVC Kendo helpers to create the grid and as far as I've seen there's no piece of code where intercept the popup message (ex. http://www.keenthemes.com/preview/metronic/theme/templates/admin/ui_confirmations.html Event Handling) anyone has success with it? Thanks in advance The delete confirmation popup is a build-in browser alert box <script> alert("Hello! I am an alert box !"); </script> so u need a custom grid command with