2016-09-19 84 views
0

我對這個從code for pivot提取Jqgrid支點版本以下設置,但跑了,當它給了javascript錯誤爲什麼jqGrid不會加載?

SCRIPT5007:無法獲取未定義或爲空 參考jquery.jqGrid的特性「長度」。 min.js,line 504 character 98

我該如何解決這個問題?

的數據來作爲jsonC#

這裏是我的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); 
    } 

這裏是我的代碼,從上面的鏈接提取和修改,以C#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> 
+0

您嘗試從'53721'端口加載數據,如果不是從HTML頁面加載相同的端口將無法正常工作。見[相同的來源政策](https://en.wikipedia.org/wiki/Same-origin_policy)。此外,你不應該在'jquery.jqGrid.min.js'中發佈錯誤。您應該使用'jquery.jqGrid.src.js'版本重新進行測試,併發布相應的錯誤消息。你應該在'jquery.jqGrid.min.js'(或'jquery.jqGrid.src.js')之前包含'grid.locale-en.js'。 – Oleg

回答

0

不要對jqgrid有很多瞭解,但是我懷疑jquery和jqgrid的版本可能不兼容。所以,我看着它,和你的jqGrid的版本似乎是版本4.6.0,其中最新版本似乎是5.0.2:

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

因此,也許嘗試更新呢?

http://www.trirand.com/blog/?page_id=6

+0

即時通訊使用4.6以上的免費版本擁有gurrido權利這不是免費的 –

+0

@Oleg您好oleg我知道你不是這個線程的一部分,但我知道你目前正在維護jqgrid免費版本,所以你要友好地告訴我如何解決這個問題? –

+0

@ANP:我只是偶然讀了你最近的評論。只有當您發表評論時,我纔會收到通知給我的一些舊回答,或者在之前寫過*我的評論*的帖子。您可以在[這裏](http://stackoverflow.com/users)搜索「Oleg」,您將看到54個用戶名稱相同的頁面。如果沒有其他信息(我的回答或評論)存在,Stackovrflow無法解析名稱。 – Oleg

相關問題