or
I am working an application using Kendo Grid on an MVC application. Starting at about 10:30 (central time) yesterday, the kendo grid software stopped working. I am using IE 10 on a Windows 7 OS. The error is
Unhandled exception at line 3, column 23238 in http://cdn.kendostatic.com/2014.1.318/js/jquery.min.js
0x80020003 - JavaScript runtime error: Member not found.
I am able to replicate the error in a simple application. The View file contains the following definition for the grid
@(Html.Kendo().Grid<MvcApplication1.Models.TestItem>() .Name( "testItemGrid" ) .Columns( columns => { columns.Command( command => { command.Edit(); } ).Width( 195 ); columns.Bound( x => x.ItemId ); columns.Bound( x => x.Name ); } ) .ToolBar( toolbar => { toolbar.Create().Text( "Add New Item" ); } ) .Sortable() .Editable( editable => editable.Mode( GridEditMode.InLine ) ) .DataSource( ds => ds .Ajax() .Model( m => { m.Id( x => x.ItemId ); } ) .Read( "TestItemRead", "TestItemGrid" ) .Create( "TestItemCreate", "TestItemGrid" ) .Update( "TestItemUpdate", "TestItemGrid" ) ) )
The controller contains the following actions:
public class TestItemGridController : Controller{ public ActionResult Index() { return View(); } public ActionResult TestItemRead( [DataSourceRequest] DataSourceRequest request ) { List<Models.TestItem> items = new List<Models.TestItem>(); items.Add( new Models.TestItem() { ItemId = 1, Name = "Item 1" } ); items.Add( new Models.TestItem() { ItemId = 2, Name = "Item 2" } ); items.Add( new Models.TestItem() { ItemId = 3, Name = "Item 3" } ); items.Add( new Models.TestItem() { ItemId = 4, Name = "Item 4" } ); items.Add( new Models.TestItem() { ItemId = 5, Name = "Item 5" } ); return Json( items.ToDataSourceResult( request ) ); } public ActionResult TestItemCreate( [DataSourceRequest] DataSourceRequest request, Models.TestItem testItem ) { if( testItem != null && ModelState.IsValid ) { } return Json( new[] { testItem }.ToDataSourceResult( request, ModelState ) ); } public ActionResult TestItemUpdate( [DataSourceRequest] DataSourceRequest request, Models.TestItem testItem ) { if( testItem != null && ModelState.IsValid ) { } return Json( ModelState.ToDataSourceResult() ); }}
I have tried several things to fix the error:
1. Update to latest version of Telerik software
2. Use CDN support
3. Use Local support
I am at my wits end to resolve this issue. Please help!



@(Html.Kendo().Grid<DATACLASS_ATTRIBUTES_T012>() .Name("Grid") .ToolBar(commands => { commands.Create().Text("New Attribute"); }) .Columns(columns => { columns.ForeignKey("ATTRIBUTEID", ViewBag.Attributes).ClientTemplate("#: data.DC_ATTRIBUTES_T006 ? DC_ATTRIBUTES_T006.NAME : 'none'#").Width(270); columns.Command(command => { command.Edit().UpdateText("Save"); }).Width(173); }) .Pageable() .Sortable() .Scrollable() .Filterable() .Editable(mode => mode.Mode(GridEditMode.InLine)) .DataSource(dataSource => dataSource .Ajax() .PageSize(5) .ServerOperation(false) .Model(model => { model.Id(v => v.ID); model.Field(v => v.ATTRIBUTEID).DefaultValue(1); model.Field(v => v.UOM_ID).DefaultValue(null); model.Field(v => v.DATACLASS_ID).DefaultValue(Model.ID); }) .Read(r => r.Action("GetAttributeByDataClass/" + Model.ID, "Attribute")) .Update(r => r.Action("UpdateDataClassAttribute", "Attribute")) .Create(r => r.Action("CreateDataClassAttribute", "Attribute")) ) )[UIHint("MeasureUnitEditor")][Display(Name = "Measure Unit")]public Nullable<int> UOM_ID; @code Dim mobileTab As Kendo.Mvc.UI.MobileTabStrip = Html.Kendo.MobileTabStrip().Name("mobileTab").Items(Sub(items)items.Add().Icon("contacts").Text("Products")items.Add().Icon("cart").Text("Shopping Cart") End Sub) _ .Events(Function(events) events.Select("onSelect"))mobileTab.Render() End Code @Html.Kendo().MobileApplication().ServerNavigation(true)<script src="@Url.Content("~/Scripts/globalize/globalize.min.js")" type="text/javascript"></script>
<script src="@Url.Content("~/Scripts/globalize/cultures/globalize.culture." Core.Helpers.CultureHelper.GetCurrentCulture() + ".js")" type="text/javascript"></script>
<script src="https://da7xgjtj801h2.cloudfront.net/2014.1.318/js/kendo.all.min.js"></script>
<script src="https://da7xgjtj801h2.cloudfront.net/2014.1.318/js/kendo.aspnetmvc.min.js"></script>
<script src="@Url.Content("https://da7xgjtj801h2.cloudfront.net/2014.1.318/js/cultures/kendo.culture." + Core.Helpers.CultureHelper.GetCurrentCulture() + ".min.js")" type="text/javascript"></script>
<script src="@Url.Content("~/Scripts/kendo.modernizr.custom.js")"></script>@model IEnumerable<HTServices.Models.TableName>​ @foreach (var item in Model) { @Html.HiddenFor(m => item.TableNameId) <div class="row" style="margin-top: 8px;"> <div class="col-sm-4 col-md-4 col-lg-4"> @Html.DisplayFor(m => item.TableNameShow) </div> <div class="col-sm-4 col-md-4 col-lg-4"> @Html.TextBoxFor(m => item.Note, new { @class = "text-box single-line wide-full" }) </div> <div class="col-sm-2 col-md-2 col-lg-2"> @(Html.Kendo().DatePickerFor(m => item.ExpirationDt) .Start(CalendarView.Month) .Min(DateTime.Now.AddMonths(-2)) .Max(DateTime.Now.AddMonths(12))) </div> <div class="col-sm-1 col-md-1 col-lg-1"> @Html.ActionLink("Delete", "TableNameDelete", new { id = item.TableNameId }, new { onclick = "return deleteTableNameRecById(this);", @class = "RemoveLinkImage" }) </div> </div> }<div class="col-sm-2 col-md-2 col-lg-2"> <span class="k-widget k-datepicker k-header k-input" style="width: 100%;"><span class="k-picker-wrap k-state-default"><input name="item.ExpirationDt" class="k-input" id="item_ExpirationDt" role="combobox" aria-disabled="false" aria-expanded="false" aria-readonly="false" aria-owns="item_ExpirationDt_dateview" style="width: 100%;" type="text" value="4/1/2014" data-val-required="The Expiration Date field is required." data-val="true" data-val-date="The field Expiration Date must be a date." data-role="datepicker"><span class="k-select" role="button" aria-controls="item_ExpirationDt_dateview" unselectable="on"><span class="k-icon k-i-calendar" unselectable="on">select</span></span></span></span><script> jQuery(function(){jQuery("#item_ExpirationDt").kendoDatePicker({"format":"M/d/yyyy","min":new Date(2014,1,1,8,56,43,286),"max":new Date(2015,3,1,8,56,43,286),"start":"month"});});</script> </div><div class="col-sm-2 col-md-2 col-lg-2"> <input name="item.ExpirationDt" id="item_ExpirationDt" type="date" value="4/1/2014"><script> jQuery(function(){jQuery("#item_ExpirationDt").kendoDatePicker({"format":"M/d/yyyy","min":new Date(2014,1,1,8,56,43,286),"max":new Date(2015,3,1,8,56,43,286),"start":"month"});});</script> </div>