MVC jquery 网格不工作答案

【问题标题】：MVC jquery grid is not workingMVC jquery 网格不工作
【发布时间】：2015-09-13 03:02:58
【问题描述】：

我试图在我的 mvc 应用程序中使用 jquery grid (gijgo.com) 插件。我已经仔细完成了c-sharpcorner 和/或codeproject 中提到的所有步骤，但是当我运行应用程序时，出现了javascript 运行时错误：

Unhandled exception at line 40, column 9 in http://localhost:36552/Default1/Index

0x800a01b6 - JavaScript runtime error: Object doesn't support property or method 'grid'

这是我的看法

<script src="~/Scripts/jquery-1.10.2.min.js"></script>
<script src="~/Scripts/grid-0.5.2.min.js"></script>

<script type="text/javascript">
    var jqgrid;
    $(document).ready(function () {
        var jqgrid = $("#grid1").grid({
            dataKey: "ID",
            uiLibrary: "bootstrap",
            columns: [
                { field: "ID", width: 50, sortable: true },
                { field: "Name", sortable: true },
                { field: "PlaceOfBirth", title: "Place Of Birth", sortable: true },
                { field: "DateOfBirth", title: "Date Of Birth", sortable: true }
            ],
            pager: { enable: true, limit: 5, sizes: [2, 5, 10, 20] }
        });


    });
</script>
<table id="grid1"></table>

当我点击“.grid”并按F12时，它会转到grid.0.5.2.js中的相应功能。

有没有人找到解决这个问题的方法？

【问题讨论】：

不需要添加bootstrap.js吗？
是的，也尝试添加 bootstrap.js，但结果相同...
一个附加信息，当我在记事本中编写相同的 html 代码并在同一个文件夹中添加 .js 文件时，我工作正常，但在 VS2013 中不行，，，我错过了什么吗？
js文件路径错误？
不可能...我正在拖放

标签： javascript jquery .net asp.net-mvc

【解决方案1】：

尝试使用Url.Content 方法以确保正确构建路径。示例：

<script src="@Url.Content("~/Scripts/jquery-1.10.2.min.js")" type="text/javascript"></script>
<script src="@Url.Content("~/Scripts/grid-0.5.2.min.js")" type="text/javascript"></script>

【讨论】：