This is a migrated thread and some comments may be shown as answers.

Jquery error while displaying Data on Grid

1 Answer 79 Views

Grid

This is a migrated thread and some comments may be shown as answers.

Sheo asked on 22 Mar 2013, 10:37 AM

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)
)
)

Jquery error while displaying Data on Grid

1 Answer, 1 is accepted