文章/答案/技术大牛

发布

社区首页 >问答首页 >为什么jqGrid不加载？

问为什么jqGrid不加载？
EN

Stack Overflow用户

提问于 2016-09-19 16:07:02

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

对于Jqgrid枢轴版本，我有以下设置--这是从枢轴码中提取的，但是当运行时，会出现javascript错误

SCRIPT5007:无法获得未定义或空引用jquery.jqGrid.min.js的属性“长度”，行504字符98

我该怎么解决这个问题？

这些数据来自于来自json的C#

这里是我的MVC动作

   [AllowAnonymous]
    [HttpGet]
    public JsonResult GetProducts() {

        var coll = new List<SampleProductModel>();

        //"CategoryName":"Beverages","ProductName":"Steeleye Stout","Country":"UK","Price":"1008.0000","Quantity":"65"
        var p1 = new SampleProductModel { CategoryName = "Beverages", ProductName = "Steeleye Stout", Country = "UK", Price = "1008.0000", Quantity = "65" };
        coll.Add(p1);


        //"CategoryName":"Beverages","ProductName":"Steeleye Stout","Country":"UK","Price":"1008.0000","Quantity":"65"
        var p2 = new SampleProductModel { CategoryName = "Beverages", ProductName = "Big John", Country = "UK", Price = "1008.0000", Quantity = "65" };
        coll.Add(p2);

        //{"CategoryName":"Beverages","ProductName":"Laughing Lumberjack Lager","Country":"USA","Price":"140.0000","Quantity":"10"},
        var p3 = new SampleProductModel { CategoryName = "Beverages", ProductName = "Laughing Lumberjack Lager", Country = "USA", Price = "140.0000", Quantity = "10" };
        coll.Add(p3);


        //{"CategoryName":"Beverages","ProductName":"Laughing Lumberjack Lager","Country":"USA","Price":"140.0000","Quantity":"10"},
        var p4 = new SampleProductModel { CategoryName = "Beverages", ProductName = "Jims", Country = "USA", Price = "140.0000", Quantity = "10" };
        coll.Add(p4);

        return Json(coll, JsonRequestBehavior.AllowGet);
    }

这里是我的代码，它是从上面的链接中提取出来的，并被修改为接受 json数据。

<!DOCTYPE html>
<html>
<head lang="en">

    <link rel="stylesheet" href="https://code.jquery.com/ui/1.12.1/themes/start/jquery-ui.css" />
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/jqgrid/4.6.0/css/ui.jqgrid.css" />
    <script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.1.0/jquery.min.js"></script>
    <script src="https://code.jquery.com/ui/1.12.1/jquery-ui.min.js" integrity="sha256-VazP97ZCwtekAsvgPBSUwPFKdrwD3unUfSGVYrahUqU=" crossorigin="anonymous"></script>
    <script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/jqgrid/4.6.0/js/jquery.jqGrid.min.js"></script>
    <script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/jqgrid/4.6.0/js/i18n/grid.locale-en.js"></script>
    <script>

            jQuery(document).ready(function() {
                jQuery("#grid").jqGrid('jqPivot',
                        "http://localhost:53721/Home/GetProducts",
                        // pivot options
                        {
                            xDimension : [
                                {dataName: 'CategoryName', label : 'Category', width: 90},
                                {dataName: 'ProductName', label : 'Product', width:90}
                            ],
                            yDimension : [
                                {dataName: 'Country'}
                            ],
                            aggregates : [
                                {member : 'Price', aggregator : 'sum', width:50, label:'Sum'},
                                {member : 'Quantity', aggregator : 'sum', width:50, label:'Qty'}
                            ],
                            rowTotals: true,
                            colTotals : true

                        },
                        // grid options
                        {
                            width: 700,
                            rowNum : 10,
                            pager: "#pager",
                            caption: "Amounts and quantity by category and product"
                        });
            })
    </script>
</head>
<body>

<table id="grid"></table>
<div id="pager"></div>

</body>
</html>

jquery

asp.net-mvc

jqgrid

回答 1

Stack Overflow用户

发布于 2016-09-19 16:24:47

不太了解jqgrid，但我怀疑您所拥有的jquery和jqgrid版本可能不兼容。因此，我查找了它，您的jqgrid版本似乎是4.6.0版本，其中最新版本似乎是5.0.2：

http://www.trirand.com/jqgridwiki/doku.php

所以也许试着更新一下？

id=6

票数 0

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

原文链接：

https://stackoverflow.com/questions/39577492

复制

相似问题

问为什么jqGrid不加载？
EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问为什么jqGrid不加载？EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问为什么jqGrid不加载？
EN