Asp.net mvc 3 jqGrid没有渲染mvc3 razor?
我的_Layout.cshtml如下所示Asp.net mvc 3 jqGrid没有渲染mvc3 razor?,asp.net-mvc-3,jqgrid,Asp.net Mvc 3,Jqgrid,我的_Layout.cshtml如下所示 <head> <meta charset="utf-8" /> <title>@ViewBag.Title - E-Reader Statistics</title> <link href="~/favicon.ico" rel="shortcut icon" type="image/x-icon" /> <meta nam
<head>
<meta charset="utf-8" />
<title>@ViewBag.Title - E-Reader Statistics</title>
<link href="~/favicon.ico" rel="shortcut icon" type="image/x-icon" />
<meta name="viewport" content="width=device-width" />
@Styles.Render("~/Content/css")
@Scripts.Render("~/bundles/modernizr")
@* @Scripts.Render("~/bundles/jquery")*@
<link href="~/jqGrid/css/ui.jqgrid.css" rel="stylesheet" />
<script src="~/jqGrid/js/i18n/grid.locale-en.js"></script>
<script src="~/jqGrid/js/jquery-1.9.0.min.js"></script>
<script src="~/jqGrid/js/jquery.jqGrid.min.js"></script>
<script src="~/jqGrid/js/jquery.jqGrid.src.js"></script>
</head>
@ViewBag.Title-电子阅读器统计信息
@style.Render(“~/Content/css”)
@Scripts.Render(“~/bundles/modernizer”)
@*@Scripts.Render(“~/bundles/jquery”)*@
在Index.chtml中
@model List<LSStatisticalReport.ViewModels.GSViewModel>
@{
ViewBag.Title = "Index";
}
@*<h2>General Statistics</h2>*@
<script type="text/javascript">
// var jq = $.noConflict();
$(document).ready(function () {
var genStatGrid = $('#list');
genStatGrid.jqGrid({
caption: "General Statistics",
url: '/Statistics/GetRecords/',
datatype: "json",
contentType: "application/json; charset-utf-8",
mtype: 'POST',
colNames: ['Student', 'Teacher', 'Date'],
colModel: [
{ name: 'studentDesignation' },
{ name: 'teacherDesignation' },
{ name: 'dateLength' },
],
rowNum: 5
});
});
</script>
@型号列表
@{
ViewBag.Title=“Index”;
}
@*一般统计数字*@
//var jq=$.noConflict();
$(文档).ready(函数(){
var genStatGrid=$(“#列表”);
genStatGrid.jqGrid({
标题:“一般统计”,
url:“/Statistics/GetRecords/”,
数据类型:“json”,
contentType:“application/json;charset-utf-8”,
mtype:“POST”,
colNames:[“学生”、“教师”、“日期”],
colModel:[
{name:'studentDesignation'},
{name:'teacherDesignation'},
{name:'dateLength'},
],
行数:5
});
});
但当我运行项目时,控制台中出现了一个错误:
“未捕获类型错误:对象[Object Object]没有方法'jqGrid'”这种类型的错误说明:请在相关初始化脚本之前定义jqGrid库。我以前见过这个错误,尽管您已经在head标记中定义了相关的库。因此,我解决了这个问题,从head标记中删除了它的库,并将它放在脚本之前的视图中,并且可以正常工作 我认为这是由于页面的部分加载造成的。因此,请在索引视图中使用此选项:
@model List<LSStatisticalReport.ViewModels.GSViewModel>
@{
ViewBag.Title = "Index";
}
@*<h2>General Statistics</h2>*@
//added
<script src="~/jqGrid/js/jquery.jqGrid.min.js"></script>
<script src="~/jqGrid/js/jquery.jqGrid.src.js"></script>
//end added
<script type="text/javascript">
// var jq = $.noConflict();
$(document).ready(function () {
var genStatGrid = $('#list');
genStatGrid.jqGrid({
caption: "General Statistics",
url: '/Statistics/GetRecords/',
datatype: "json",
contentType: "application/json; charset-utf-8",
mtype: 'POST',
colNames: ['Student', 'Teacher', 'Date'],
colModel: [
{ name: 'studentDesignation' },
{ name: 'teacherDesignation' },
{ name: 'dateLength' },
],
rowNum: 5
});
});
</script>
@型号列表
@{
ViewBag.Title=“Index”;
}
@*一般统计数字*@
//增加
//结束添加
//var jq=$.noConflict();
$(文档).ready(函数(){
var genStatGrid=$(“#列表”);
genStatGrid.jqGrid({
标题:“一般统计”,
url:“/Statistics/GetRecords/”,
数据类型:“json”,
contentType:“application/json;charset-utf-8”,
mtype:“POST”,
colNames:[“学生”、“教师”、“日期”],
colModel:[
{name:'studentDesignation'},
{name:'teacherDesignation'},
{name:'dateLength'},
],
行数:5
});
});
jquery-1.9.0.min.js
应该在grid.locale en.js