kendo-ui

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" },

I would like to use a kendo drop-down list, which has a fixed size since is constrained by other fields in the page, but when it shows the drop-down items of the list, the drop-down area should resize to the maximum length of the items. Sort of fixed width for the item displayed, but auto width for the drop down list. Something like |my choice | <-- fixed width displayed on the page |next choice | |previous choice | <-- dropdown area to select another item |dummy | Is this possible through CSS or drop-down list properties set through jQuery? OnaBai You can set the width of a DropDown List both

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

Kendo grid provides its own Loading indicator automatically when the grid is loaded, paging, sorting. It is working fine. But I don't want this built-in loading indicator to be shown/hidden. How can I disable this feature? Please advise me. Thanks, Vinoth Simple, just hide it with CSS. Your selector will need to be more specific than the built-in Kendo classes. You can use the Grid's ID for that. #grid .k-loading-image { background-image: none; } If you want to remove the loading mask you can also accomplish that with CSS. #grid .k-loading-color { opacity: 0; } I had two grids named "grid1"

I have a KendoUI chart generated with JavaScript. Is there a way to clear the plotArea with a command? For the purpose of showing a "Loading..." image while waiting for a DataSource to read remote data. Thanks Displaying and hiding the loading animation is: // Display progress kendo.ui.progress($("#loading"), true); // Hide progress kendo.ui.progress($("#loading"), false); Then you should use requestStart and requestEnd events in the DataSource for knowing when to show or hide the progress animation. The DataSource of the Chart would be: dataSource : { transport : { read: { url:... } }, sort :

Im trying to refresh the Drop Down List after another DropDownList is Change But the Refresh() method is Undefined Error Is Promoting.There For I Tried the Read the DataSource again and it shows it loading but the data is still the same.Help to Solve this Issue please. Code: $("#DropDownList1").change(function () { custCode = $("#DropDownList1").val(); $("#titles").data("kendoDropDownList").dataSource.read(); //shows list Loading But Same Data Is present . $("#titles").data("kendoDropDownList").refresh(); //NOT Working }); Abhishek 1- Try adding cache: false to disable the cache in Kendo