.Net MVC3 jQgrid错误“；是否为空或不是对象；

我试图在我们的MVC3项目中实现jqgrid。但是，我遇到了以下错误：-

Microsoft JScript运行时错误：“b.jgrid.errors.model”为null或不是对象。

以下是_layout.cshtml中引用的脚本：-

 <script src="@Url.Content("~/Scripts/jquery-1.7.2.min.js")" type="text/javascript"></script>
<script src="@Url.Content("~/Scripts/jquery-1.5.2.min.js")" type="text/javascript"></script>
    <script src="@Url.Content("~/Scripts/modernizr-1.7.min.js")" type="text/javascript"></script>
    <script src="@Url.Content("~/Scripts/jquery.unobtrusive-ajax.min.js")" type="text/javascript"></script>
    <script src="@Url.Content("~/Scripts/jquery-ui.js")" type="text/javascript"></script>
    <script src="@Url.Content("~/Scripts/grid.local-en.js")" type="text/javascript"></script>
    <script src="@Url.Content("~/Scripts/jquery.jqGrid.min.js")" type="text/javascript"></script>

这是我的查看页面：-

<script type="text/javascript">
    $(function () {
          $("#list").jqGrid({
              url: '/Home/getSummaryRow/',
              datatype: 'json',
              mtype: 'GET',
              colNames: ['Date Id','Report Name', 'Month', 'Total Measure','Missing Measure','Published'],
              colModel: [
                      { name: 'DateId', index: 'DateId', width: 20, align: 'left' },
                      { name: 'ReportName', index: 'ReportName', width: 40, align: 'left' },
                      { name: 'Month', index: 'Month', width: 40, align: 'left' },
                      { name: 'tot_msr_cnt', index: 'tot_msr_cnt', width: 20, align: 'right' },
                      { name: 'missing_count', index: 'missing_count', width: 20, align: 'right'}],
              pager: jQuery('#pager'),
              rowNum: 10,
              rowList: [5, 10, 20, 50],
              sortname: 'Month',
              sortorder: "desc",
              viewrecords: true,
              imgpath: '/scripts/themes/coffee/images',
              caption: 'Sales Dashboard'
          });
      }); 
     </script>  



<h2>@ViewBag.Message</h2>
<p>

 <table id="list" class="scroll" cellpadding="0" cellspacing="0"></table>
 <div id="pager" class="scroll" style="text-align:center;"></div>

</p>

$（函数（）{
$（“#列表”）.jqGrid({
url:“/Home/getSummaryRow/”，
数据类型：“json”，
mtype:'获取'，
colNames:['Date Id'、'Report Name'、'Month'、'Total Measure'、'Missing Measure'、'Published']，
colModel：[
{name:'DateId'，index:'DateId'，宽度：20，align:'left'}，
{name:'ReportName'，index:'ReportName'，宽度：40，对齐：'left'}，
{名称：'Month'，索引：'Month'，宽度：40，对齐：'left'}，
{名称：'tot_msr_cnt'，索引：'tot_msr_cnt'，宽度：20，对齐：'right'}，
{name:'missing_count'，index:'missing_count'，宽度：20，align:'right'}]，
pager:jQuery（“#pager”），
rowNum:10，
行列表：[5,10,20,50]，
sortname:'月份'，
巫师：“描述”，
viewrecords：是的，
imgpath:“/scripts/themes/coffee/images”，
描述：“销售仪表板”
});
}); 
@查看包。留言

---

提前感谢。

无论如何，您不应该在一页中包含两个不同版本的jQuery（1.7.2和1.5.2）。此外，您应该使用

jquery.jqGrid.src.js

而不是

jquery.jqGrid.min.js

来获得更具可读性的错误消息。Oleg，感谢您的回复。我解决了这个问题。这很简单，ColNames中的列数与colModel不匹配。

<script type="text/javascript">
    $(function () {
          $("#list").jqGrid({
              url: '/Home/getSummaryRow/',
              datatype: 'json',
              mtype: 'GET',
              colNames: ['Date Id','Report Name', 'Month', 'Total Measure','Missing Measure','Published'],
              colModel: [
                      { name: 'DateId', index: 'DateId', width: 20, align: 'left' },
                      { name: 'ReportName', index: 'ReportName', width: 40, align: 'left' },
                      { name: 'Month', index: 'Month', width: 40, align: 'left' },
                      { name: 'tot_msr_cnt', index: 'tot_msr_cnt', width: 20, align: 'right' },
                      { name: 'missing_count', index: 'missing_count', width: 20, align: 'right'}],
              pager: jQuery('#pager'),
              rowNum: 10,
              rowList: [5, 10, 20, 50],
              sortname: 'Month',
              sortorder: "desc",
              viewrecords: true,
              imgpath: '/scripts/themes/coffee/images',
              caption: 'Sales Dashboard'
          });
      }); 
     </script>  



<h2>@ViewBag.Message</h2>
<p>

 <table id="list" class="scroll" cellpadding="0" cellspacing="0"></table>
 <div id="pager" class="scroll" style="text-align:center;"></div>

</p>