Hi, with the latest version of kendo ui on existing hundred grids when I try to filter for a column I get an error like:
This kind of grid worked perfect on previous versions.
Uncaught TypeError: Cannot read property 'length' of undefined
at init._eachRenderedMenuItem (kendo.all.js:52792)
at init._setMenuItemsVisibility (kendo.all.js:52747)
at init._updateMenuItems (kendo.all.js:52742)
at init.open (kendo.all.js:52609)
at init.trigger (kendo.all.js:164)
at init._triggerEvent (kendo.all.js:51935)
at kendo.all.js:51154
_eachRenderedMenuItem @ kendo.all.js:52792
_setMenuItemsVisibility @ kendo.all.js:52747
_updateMenuItems @ kendo.all.js:52742
open @ kendo.all.js:52609
trigger @ kendo.all.js:164
_triggerEvent @ kendo.all.js:51935
(anonymous) @ kendo.all.js:51154
setTimeout (async)
(anonymous) @ kendo.all.js:51143
each @ jquery-3.4.1.min.js:2
each @ jquery-3.4.1.min.js:2
open @ kendo.all.js:51140
_mouseenter @ kendo.all.js:51465
i @ jquery-3.4.1.min.js:2
handle @ jquery-3.4.1.min.js:2
dispatch @ jquery-3.4.1.min.js:2
v.handle @ jquery-3.4.1.min.js:2
@(Html.Kendo().Grid<Contract>()
.Name(GridId)
.DataSource(dataSource => dataSource
.Ajax() // Specify that ajax binding is used
.PageSize(80)
.Events(events => events.Error("common.gridErrorHandler").RequestStart("waitWindow.show").RequestEnd("waitWindow.hide"))
.Model(model => model.Id(al => al.ContractId))
.Read(read => read.Action("ContractsRead", "Contracts"))
)
.Events(events => events.Change("onRowClick").DataBound("common.onDataBound"))
.ToolBar(toolbar =>
{
toolbar.Template(@<text>
<div style="display: inline-block;">Select a service to manage Cost per Office</div>
</text>);
})
.Columns(columns =>
{
columns.Bound(p => p.ContractId).Width(45).Title("Reference #").Hidden(true);
columns.Bound(p => p.Name).Title("Service").Width(100);
columns.Bound(p => p.ExpirationDate).Width(60).Format(RequestHelper.GetDateTimeFormat(Request));
columns.Bound(p => p.BillingCycle.Name).Width(53);
columns.Bound(p => p.Value).Title("Amount").Width(75).Format("$ {0:n5}").HeaderHtmlAttributes(new { style = "text-align: right;" }).HtmlAttributes(new { style = "text-align: right;font-weight: bold;" });
})
.NoRecords(PageResources.lblGridNoRecords)
.Filterable()
.Selectable(s => s.Mode(GridSelectionMode.Single))
.Scrollable(s => s.Virtual(true).Height("100%"))
.Sortable() // Enable sorting
.Resizable(resize => resize.Columns(false))
.ColumnMenu(p => p.Columns(false)))
Thank you,
Ion Petcu