问jqGrid没有渲染mvc3剃须刀吗？
EN

Stack Overflow用户

提问于 2013-08-20 07:28:06

回答 1查看 632关注 0票数 0

我的_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 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>

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

但是，当我运行这个项目时，我在控制台中得到了一个错误：

"Uncaught :对象对象没有方法'jqGrid‘"

asp.net-mvc-3

jqgrid

回答 1

Stack Overflow用户

发布于 2013-08-20 08:26:45

这种类型的错误说明如下:请在相关init脚本之前定义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>

票数 0

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/18329274

复制

相似问题

问jqGrid没有渲染mvc3剃须刀吗？
EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问jqGrid没有渲染mvc3剃须刀吗？EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问jqGrid没有渲染mvc3剃须刀吗？
EN