
@(Html.Kendo().Grid<CPSkla.Models.WindScreen>() .Name("GridWinds") .Columns(columns => { columns.Bound(p => p.Id).Hidden(); columns.Bound(p => p.Brand); columns.Bound(p => p.Model); columns.Bound(p => p.Year); columns.Bound(p => p.Specification); columns.Bound(p => p.Type); columns.Bound(p => p.Size); columns.Bound(p => p.EuroCode); columns.Bound(p => p.Price); columns.Bound(p => p.Source); }) .DataSource(dataSource => dataSource .Ajax() .Read(read => read.Action("WindscreenRead", "Calculation").Type(HttpVerbs.Post)) .Model(model => model.Id(p => p.Id)) ) .Pageable() .Sortable() .Selectable(selectable => selectable.Mode(GridSelectionMode.Single).Type(GridSelectionType.Row).Enabled(true)) .Events(events=>events.Change("AccessoriesBind")) )@( Html.Kendo().Grid<CPSkla.Models.Accessory>().Name("GridAccessories").Columns(columns => { columns.Bound(p => p.Id).Hidden(); columns.Bound(p => p.Brand); columns.Bound(p => p.Model); columns.Bound(p => p.Year); columns.Bound(p => p.Specification); columns.Bound(p => p.Type); columns.Bound(p => p.Size); columns.Bound(p => p.EuroCode); columns.Bound(p => p.Price); columns.Bound(p => p.Source); }) .Pageable() .Sortable() .Selectable(selectable => selectable.Mode(GridSelectionMode.Multiple)) .DataSource(dataSource => dataSource .Ajax() .Model(model => model.Id(p => p.Id)) ))<script> function AccessoriesBind() { var eucode = ""; var grid = this; grid.select().each(function() { var dataItem = grid.dataItem($(this)); eucode += dataItem.EuroCode; }); alert(eucode); var gridAcc = $("#GridAccessories").data("kendoGrid"); gridAcc.DataSource = new kendo.data.DataSource({ transport: { read: "/Calculation/AccessoriesRead/" + eucode, dataType: "json", } }); gridAcc.DataSource.read(); }</script>Hi guys,
I'm trying to swap my Kendo UI widgets according to a dropdown.
Currently, I call destroy on the widget, and remove all HTML within the container div holding the <input> that was used for the kendo widget. I then append a new div into the container and call the initialization code for kendoNumericTextBox again, but came upon this error:
"Uncaught TypeError: Cannot read property '_move' of undefined".
I have also tried the example provided on the web, that moves the origin input out, before calling destroy on my wrapper, with the same resulting error.

@{Html.Telerik().Grid(Model) .Name("grdAllUsers") .DataKeys(keys => keys.Add(k => k.Id) ) .Columns(columns => { columns.Bound(o => o.FirstName) .Width(150); columns.Bound(o => o.LastName) .Width(150); columns.Bound(o => o.EmailAddress) .Width(200); .Width(70) .HtmlAttributes(new { style = "text-align:center" }); }) .NoRecordsTemplate(@<text>No User records to display.</text>) .Pageable(paging => paging.PageSize(15) ) .Sortable() .Filterable() .Render();}@{Html.Kendo().Grid(Model) .Name("grdAllUsers") .Columns(columns => { columns.Bound(o => o.FirstName) .Width(150); columns.Bound(o => o.LastName) .Width(150); columns.Bound(o => o.EmailAddress) .Width(200); .Width(70) .HtmlAttributes(new { style = "text-align:center" }); }) .Pageable(paging => paging.PageSize(15) ) .Sortable() .Filterable() .Render();}Using k-button with the "min" version of common.css shows buttons with display: inline-flex.
This does not happen with the non-'min' version in the 2017.1.223 src download , "kendo.common.css" file. (2017.3.913 src download doesn't appear to be available yet.)
Don't have time to investigate, just thought I'd mention it to see what others are seeing. The inline-flex attribute seems to make buttons wrap strangely onto new lines.
This is inside a kendoWindow, may not happen in normal circumstances.
The file size difference is very small, 259kb vs 210kb approx., so I'm just using the non-minified version.

I want to make the height of the pager smaller.
I tried looking for the css property that controls this without luck.
Any help would be appreciated.
we built an offline webapp placed on our customer pc
in that webpage there's a combobox listing an inventory of products
our users usually focus the filtering input field and then use their barcode reader to input the barcode of the product they're looking for; the barcode reader returns a Carriage Return at the end of the string, so it immediately selects the first good result
today the user called us for an issue: sometimes using the combobox this way selects another product; We remotely connected to their machine and saw that it was as she said;
what we got right now is:
1- it happens only in kendo combobox, because there's another place where we built a javascript search by text field and everything works there
2- there's apparently nothing wrong with the data call
3- it could depend on the machine; her pc is sensibly slower than our (we even saw the search string appear letter by letter in the text field)
4-the issue never happens if we replicate her installation on one of our machines
Thanks in advance for anysuggestion

Hi.
There is a good example how to make a column non-resizable.
My grid has a command button plus a template button on the left side of the grid and I don't know how to refer to these buttons to make them non-resizable.
toolbar: [{ name: "create", text: "Add New Asset" }, { template: kendo.template($("#DueDateTemplate").html()) }, { template: kendo.template($("#rightToolbarTemplate").html()) }],
columns: [
{
command: [{ name: "edit", text: { edit: " ", update: " ", cancel: " " } },
{ name: "confirmButton", text: " ", template: "<a class='k-button k-grid-confirmButton' onclick ='onItemConfirm(this)'><span class='k-icon k-i-checkbox'></span></a>" },
], title: "Edit / Confirm", width: "120px", locked: true
},
{ field: "Attested", template: $("#attestedTemplate").html(), title: "Attested", width: "100px", locked: true },
Thank you
If you add validation to a certain column (range.validation() ) to add a dropdown list to a column and this column happens to be the last column which is frozen, then the dropdown arrow is not visible when you click in the column.
Ie,
frozenColumns(2);
activeSheet.range("B2:B2").validation()
