个人中心
gpt4 book ai didi

jqgrid - 无法让 jquery.jqgrid 4.4.1 在 ASP.NET MVC 中工作

转载 作者：行者123 更新时间：2023-12-04 05:17:35 24 4
gpt4 key购买 nike

我一直在努力让 jquery.jqgrid 4.4.1 在我的 ASP.NET MVC 4 解决方案中工作。我使用 NuGet 将 jquery.jqgrid 4.4.1 安装到我的项目中。我试图在我的页面中插入一个非常简单的网格，只是为了确保我的包含都正确设置。这是我的 View 文件中的内容。

@{
ViewBag.Title = "Index";
}
<link href="~/Content/Site.css" rel="stylesheet" />
<link href="~/Content/jquery.jqGrid/ui.jqgrid.css" rel="stylesheet" />
<link href="~/Content/themes/base/jquery.ui.all.css" rel="stylesheet" />

                <script src="~/Scripts/jquery-1.7.2.min.js"></script>
    <script src="~/Scripts/i18n/grid.locale-en.js"></script>
    <script src="~/Scripts/jquery.jqGrid.min.js"></script>


<h2>Index</h2>
<script type="text/javascript">
    $(document).ready(function() {
    $("#myGrid").jqGrid({
        url:'@Url.Action("GetJqGridData")',
        datatype:'json',
        myType:'GET',
        colNames:['Id', 'Name'],
        colModel:[
        { name: 'Id', index: 'Id'},
        { name: 'Name', index: 'Name'}
        ],
        jsonReader: {
            root: 'Data',
        id: 'id',
        repeatitems: false
        },
        pager: $('#myPager'),
        rowNum:5,
        rowList: [2, 5, 10],
        width:600,
        viewrecords:true,
        caption: 'Jqgrid MVC Tutorial'
    });
});
</script>

    <table id="myGrid"></table>
    <div id="myPager"></div>

这是我在运行解决方案时收到的 Javascript 错误。

Unhandled exception at line 54, column 5 in site/Grid

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



View 甚至从未达到为数据调用 Controller 的地步。

任何帮助将不胜感激。

更新
这是发送到浏览器以获取更多详细信息的 HTML。




索引 - 我的 ASP.NET MVC 应用程序 



        <script src="/Scripts/modernizr-2.5.3.js"></script>

    </head>
    <body>
        <header>
            <div class="content-wrapper">
                <div class="float-left">
                    <p class="site-title"><a href="/">your logo here</a></p>
                </div>
                <div class="float-right">
                    <section id="login">
                            <ul>
        <li><a href="/Account/Register" id="registerLink">Register</a></li>
        <li><a href="/Account/Login" id="loginLink">Log in</a></li>
    </ul>

                    </section>
                    <nav>
                        <ul id="menu">
                            <li><a href="/">Home</a></li>
                            <li><a href="/Home/About">About</a></li>
                            <li><a href="/Grid">Grid Test</a></li>
                            <li><a href="/Home/Contact">Contact</a></li>
                        </ul>
                    </nav>
                </div>
            </div>
        </header>
        <div id="body">

            <section class="content-wrapper main-content clear-fix">

<link href="/Content/Site.css" rel="stylesheet" />
<link href="/Content/jquery.jqGrid/ui.jqgrid.css" rel="stylesheet" />
<link href="/Content/themes/base/jquery.ui.all.css" rel="stylesheet" />

<script src="/Scripts/jquery-1.7.2.min.js" type="text/javascript"></script>
<script src="/Scripts/i18n/grid.locale-en.js" type="text/javascript"></script>
<script src="/Scripts/jquery.jqGrid.min.js" type="text/javascript"></script>


<h2>Index</h2>
<script type="text/javascript">
$(document).ready(function() {
    $("#myGrid").jqGrid({
        url:'/Grid/GetJqGridData',
        datatype:'json',
        myType:'GET',
        colNames:['Id', 'Name'],
        colModel:[
        { name: 'Id', index: 'Id'},
        { name: 'Name', index: 'Name'}
        ],
        jsonReader: {
        root: 'Data',
        id: 'id',
        repeatitems: false
        },
        pager: $('#myPager'),
        rowNum:5,
        rowList: [2, 5, 10],
        width:600,
        viewrecords:true,
        caption: 'Jqgrid MVC Tutorial'
    });
});
</script>

<table id="myGrid"></table>
<div id="myPager"></div>
            </section>
        </div>
        <footer>
            <div class="content-wrapper">
                <div class="float-left">
                    <p>&copy; 2012 - My ASP.NET MVC Application</p>
                </div>
            </div>
        </footer>

        <script src="/Scripts/jquery-1.7.2.js"></script>


    </body>
</html>

最佳答案

我启动了一个新项目并通过 nuGet 包安装了网格，在我看来，您正在与默认情况下使用 MVC4 项目设置的默认资源捆绑器发生冲突。您需要从 Views/Shared/_Layout 文件中删除以下行:

@Scripts.Render("~/bundles/jquery")

这将删除捆绑的脚本。

或者将您的 jqGrid 脚本引用添加到 App_Start 文件夹中的包配置，然后从您的 View 中删除脚本标记。 
bundles.Add(new ScriptBundle("~/bundles/jquery").Include(
                            "~/Scripts/jquery-{version}.js",
                            "~/Scripts/i18n/grid.locale-en.js",
                            "~/Scripts/jquery.jqGrid.min.js"));

<!----Remove These From your view-------!>
<script src="~/Scripts/jquery-1.7.2.min.js"></script>
<script src="~/Scripts/i18n/grid.locale-en.js"></script>
<script src="~/Scripts/jquery.jqGrid.min.js"></script>

关于jqgrid - 无法让 jquery.jqgrid 4.4.1 在 ASP.NET MVC 中工作，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/14064492/

24 4 0
文章推荐： security - 这对客户端代码安全吗？
文章推荐： .htaccess - 向 URL 添加尾部斜杠时获得 301 而不是 404
文章推荐： php - CakePhp - 相关数据不保存(但主模型数据确实保存)
文章推荐： ruby-on-rails - 无法在 Rails 上 expire_action
行者123
个人简介

我是一名优秀的程序员,十分优秀！

滴滴打车优惠券免费领取
滴滴打车优惠券
全站热门文章
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com