Jquery error while displaying Data on Grid

2 posts, 0 answers
  1. Sheo
    Sheo avatar
    3 posts
    Member since:
    Mar 2013

    Posted 22 Mar 2013 Link to this post

    Hi I am getting a jquery error while displaying data on grid, if i select cotinue i get the data in the Grid, just filter option is not working, but am able to sort and go to other pages in the Grid, but that jquery error comes evertime. error message is "Microsoft JScript runtime error:Object doesn't support this property or method"
    The error come in my View at runtime in this line, which has all the table data:jQuery(function(){jQuery("#Grid").kendoGrid({"columns"
    Content of my View is whown belo, i have followed instruction from kendo website and copied all the references, but still error is there, please see the view and let me know my mistake.
    @model IEnumerable<MvcApplication6.Models.tbliDeployWeeklySchedule>

    <!DOCTYPE html>

    <html>
    <head>
    <link rel="stylesheet" href="@Url.Content("~/Content/kendo.common.min.css")">
    <link rel="stylesheet" href="@Url.Content("~/Content/kendo.default.min.css")">
    <script src="@Url.Content("~/Scripts/jquery.min.js")"></script>
    <script src="@Url.Content("~/Scripts/kendo.core.min.js")"></script>
    <script src="@Url.Content("~/Scripts/kendo.data.odata.min.js")"></script>
    <script src="@Url.Content("~/Scripts/kendo.data.min.js")"></script>
    <script src="@Url.Content("~/Scripts/kendo.popup.min.js")"></script>
    <script src="@Url.Content("~/Scripts/kendo.list.min.js")"></script>
    <script src="@Url.Content("~/Scripts/kendo.calendar.min.js")"></script>
    <script src="@Url.Content("~/Scripts/kendo.numerictextbox.min.js")"></script>
    <script src="@Url.Content("~/Scripts/kendo.validator.min.js")"></script>
    <script src="@Url.Content("~/Scripts/kendo.binder.min.js")"></script>
    <script src="@Url.Content("~/Scripts/kendo.dropdownlist.min.js")"></script>
    <script src="@Url.Content("~/Scripts/kendo.filtermenu.min.js")"></script>
    <script src="@Url.Content("~/Scripts/kendo.pager.min.js")"></script>
    <script src="@Url.Content("~/Scripts/kendo.sortable.min.js")"></script>
    <script src="@Url.Content("~/Scripts/kendo.draganddrople.min.js")"></script>
    <script src="@Url.Content("~/Scripts/kendo.groupable.min.js")"></script>
    <script src="@Url.Content("~/Scripts/kendo.editable.min.js")"></script>
    <script src="@Url.Content("~/Scripts/kendo.selectable.min.js")"></script>
    <script src="@Url.Content("~/Scripts/kendo.resizable.min.js")"></script>
    <script src="@Url.Content("~/Scripts/kendo.reorderable.min.js")"></script>
    <script src="@Url.Content("~/Scripts/kendo.grid.min.js")"></script>
    <title>Example2View1</title>
    </head>
    </html>
    @(Html.Kendo().Grid(Model)
    .Name("Grid")
    .Columns(columns =>
    {
    columns.Bound(p => p.Weekly_Schedule_Id);
    columns.Bound(p => p.Region_No).Width(130);
    columns.Bound(p => p.Team_No).Width(130);
    columns.Bound(p => p.Month_No).Width(130);
    columns.Bound(p => p.Year_No);
    columns.Bound(p => p.Week_No).Width(130);
    columns.Bound(p => p.Territory_No).Width(130);
    columns.Bound(p => p.ECC_Num).Width(130);
    columns.Bound(p => p.Total_Calculated);
    columns.Bound(p => p.Total_Adjusted).Width(130);
    columns.Bound(p => p.SalesRep_Id).Width(130);
    columns.Bound(p => p.Role_Id).Width(130);
    columns.Bound(p => p.Last_Updated_By).Width(130);
    columns.Bound(p => p.Modified_Date).Width(130);
    columns.Bound(p => p.Last_Updated_TimeStamp).Width(130);
    })

    .Pageable()
    .Sortable()
    .Scrollable(scr=>scr.Height(430))
    .Filterable()
    .DataSource(dataSource => dataSource
    .Ajax()
    .PageSize(20)

    .ServerOperation(false)
    )
    )


  2. Rosen
    Admin
    Rosen avatar
    3253 posts

    Posted 22 Mar 2013 Link to this post

    Hello Sheo,

    The error you have described is caused by a missing reference to userevents.js file. Adding it should resolve the issue. Also I have noticed that the draganddrop.js file reference is misspelled.

    Greetings,
    Rosen
    the Telerik team
    Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
Back to Top