kendo-grid

I am using two kendo inline grid parent and child. child grid contains the list of products,when user select the products(multiple selection) from child grid and clicked to save button,it's inserted into an parent grid. Child grid: var selectedIds = {}; var ctlGrid = $("#KendoWebDataGrid3"); ctlGrid.kendoGrid({ dataSource: { data:data1, schema: { model: { id: 'id', fields: { select: { type: "string", editable: false }, Qty: { editable: true, type: "number", validation: { min: 1, required: true } }, Unit: { editable: false, type: "string" }, StyleNumber: { editable: false, type: "string" },

My code is in C# .NET I am using Kendo Grid version 2013.2.716.340 and server binding to show data in grid. In Kendo UI Grid, I have a dateTime column but the column filter input only has a date picker but no time picker. Due to this if I select the option IsEqualTo and give a date then I get zero results as the time is set to 00:00:00 in the filter but the columns have some time value. I want to add time picker along with date picker. I tried to do this on my column, but it didn't work: columns.Bound(o => o.Time).Title("Time").Format("{0:MM/dd/yyyy HH:mm:ss}").Filterable(f => f.UI(

I would like to set Kendo UI grid column widths programmatically. I am using the following code: function setColumnWidths(grid, options) { for (var i = 0; i < options.columns.length; i++) { grid.columns[i].width = options.columns[i].width; } } When debugging in chrome after the statements executed, grid.columns[i].width seems to be appropriately set to the new value, however nothing changes in the GUI, the column widths remain the same. What am I missing? You need to change grid's width through its element instead of its definition. Kendo grid contains header and content, so you need to change

Does anyone know if the kendo grid could be always set to edit mode at all times? We don't want the user to click on a cell or a button to activate the edit mode. We want it the widgets to be displayed and available at all times. Is it possible at all? Apart from using batch editing mode you can try setting the template of every column and binding the input elements to the data items using MVVM. $("#grid").kendoGrid({ dataSource: { schema: { model: { id: "id", fields: { id: { editable: false } } } } data: [ { id:1, age: 30, name: "John Doe" } ] }, columns: [ { field: "id", width: 50 }, { field

I am using Kendo grid . I want to remove all rows from Kendo grid using JavaScript . I removed them using a for loop but I want to find the best way to remove all rows. try following code. $("#Grid").data('kendoGrid').dataSource.data([]); for demo click here That doesn't really move the underlying data of the grid, it just clears the rows being displayed. If you sort the "empty" grid, all the rows reappear form the underlying data. If instead of removing your data as shown like this: dataSource.data([]); and instead replace it with a new array of data, say called result.Data.. like this:

I have a Kendo UI Grid with a large datasource and paging. I have an event that fires where I know the underlying data item that I want to select, but am unsure on how to programatically page/select this item in the grid. If the item is not on the current grid page, I cannot use datasource.view() to poke through when the data is not on the current page. Does anyone know how I can select an item by its underlying data source object? I've got a similar situation to where i am at @: http://jsfiddle.net/Sbb5Z/1050/ I can get the data item with the following: change: function (e) { var selectedRows

I have a field in my grid that are IDs that range from 1 to 2000. I have it designated as a number in the field definition. The issue is when I use the filter and type in say "1000" when I return to the filter to put in another number it displays "1,000.00". I don't want the filtered text box to show the comma or decimal point. That format isn't relevant for this field. How do I correct this? Thanks in advance! While @Flores answer pointed me in the right direction, it did not do what was expected. At least I still had commas in my filter using his snippet. I ended up making a small