Javascript jqGrid不会显示，只显示计数_Javascript_C#_Asp.net Core Mvc

Javascript jqGrid不会显示，只显示计数

javascript c# asp.net-core-mvc

Javascript jqGrid不会显示，只显示计数,javascript,c#,asp.net-core-mvc,Javascript,C#,Asp.net Core Mvc,我仍然在学习jquery和JavaScripts。我正在尝试使用jqGrid显示项目。我不能完全理解。我希望你能帮助我，希望你能解释为什么它不起作用。这是我的密码。我也在使用.netcore1.0。我的目标是在表上显示项目。它只添加空行和行数。但没有项目细节 jqGrid //Load Table function LoadTable(param) { //Loading(true); $("#tblItem").jqGrid("GridUnload"); $("#tblItem"

我仍然在学习jquery和JavaScripts。我正在尝试使用jqGrid显示项目。我不能完全理解。我希望你能帮助我，希望你能解释为什么它不起作用。这是我的密码。我也在使用.netcore1.0。我的目标是在表上显示项目。它只添加空行和行数。但没有项目细节

jqGrid

//Load Table
function LoadTable(param) {
  //Loading(true);
  $("#tblItem").jqGrid("GridUnload");
  $("#tblItem").jqGrid("GridDestroy");
  $("#tblItem")
    .jqGrid({
      url: window.getItemListURL,
      postData: param,
      autowidth: true,
      datatype: "json",
      mtype: "POST",
      colNames: [
        "",
        "",
        "",
        "PLU",
        "Category",
        "Display Name",
        "Description",
        "Unit Cost",
        "UOM",
        "Mark-Up",
        "Good For",
        "Selling Price",
        "Is Taxable",
      ],
      colModel: [
        { name: "edit", index: "edit", width: 20, align: "center", sortable: false },
        { name: "delete", index: "delete", width: 20, align: "center", sortable: false },
        {
          key: true,
          hidden: true,
          name: "Id",
          index: "Id",
          editable: false,
          edittype: "checkbox",
          editoptions: { value: { false: "No", true: "Yes" } },
        },
        { key: false, name: "PLU", index: "1", width: 150, editable: true, align: "left", sortable: true },
        { key: false, name: "CategoryID", index: "2", editable: false, width: 150, align: "left", sortable: true },
        { key: false, name: "DisplayName", index: "3", width: 150, editable: false, align: "left", sortable: true },
        { key: false, name: "Description", index: "4", width: 150, editable: false, align: "left", sortable: true },
        { key: false, name: "UnitCost", index: "16", width: 150, editable: false, align: "left", sortable: true },
        { key: false, name: "UOM", index: "15", editable: false, align: "left", sortable: true },
        { key: false, name: "MarkUp", index: "5", editable: false, align: "left", sortable: true },
        { key: false, name: "GoodFor", index: "6", editable: false, width: 150, align: "left", sortable: true },
        { key: false, name: "SellingPrice", index: "7", editable: false, align: "left", sortable: true },
        { key: false, name: "IsTaxable", index: "8", editable: false, align: "left", sortable: true },
      ],
      pager: $("#divPager"),
      rowNum: 10,
      rowList: [10, 20, 30, 40],
      loadonce: false,
      viewrecords: true,
      jsonReader: {
        root: "rows",
        page: "page",
        total: "total",
        records: "records",
        repeatitems: false,
      },
      emptyrecords: "No records to display",
      rowNumbers: true,
      sortorder: "desc",
      width: "100%",
      height: "100%",
      sortable: true,
      onPaging: function(pgButton) {},
      loadComplete: function() {},
      loadError: function(xhr, status, error) {
        var msg = "";
        if (xhr.responseJSON !== undefined) {
          if (xhr.responseJSON.IsListResult) {
            for (var i = 0; i < xhr.responseJSON.Result.length; i++) {
              msg += xhr.responseJSON.Result[i] + "<br />";
            }
          } else {
            msg += xhr.responseJSON.Result;
          }
        } else {
          msg = $(xhr.responseText)
            .filter("title")
            .text();
        }
        alert(msg);

        //Loading(false);
      },
    })
    .navGrid("#divPager", { edit: false, add: false, del: false, search: false, refresh: false });
}

//加载表
函数加载表（参数）{
//加载（真）；
$（“#tblItem”）.jqGrid（“GridUnload”）；
$（“#tblItem”）.jqGrid（“GridDestroy”）；
$（“待定”）
.jqGrid({
url:window.getItemListURL，
postData:param，
自动宽度：正确，
数据类型：“json”，
mtype:“POST”，
姓名：[
"",
"",
"",
“PLU”，
“类别”，
“显示名称”，
“说明”，
“单位成本”，
“计量单位”，
“加价”，
“好的”，
“售价”，
“应纳税”，
],
colModel：[
{name:“edit”，index:“edit”，width:20，align:“center”，sortable:false}，
{name:“delete”，index:“delete”，width:20，align:“center”，sortable:false}，
{
关键：没错，
隐藏：是的，
姓名：“Id”，
索引：“Id”，
可编辑：false，
编辑类型：“复选框”，
编辑选项：{value:{false:“No”，true:“Yes”}，
},
{key:false，name:“PLU”，index:“1”，width:150，editable:true，align:“left”，sortable:true}，
{key:false，name:“CategoryID”，index:“2”，editable:false，width:150，align:“left”，sortable:true}，
{key:false，name:“DisplayName”，index:“3”，width:150，editable:false，align:“left”，sortable:true}，
{key:false，name:“Description”，index:“4”，width:150，editable:false，align:“left”，sortable:true}，
{key:false，name:“UnitCost”，index:“16”，width:150，editable:false，align:“left”，sortable:true}，
{key:false，name:“UOM”，index:“15”，可编辑：false，align:“left”，sortable:true}，
{key:false，name:“MarkUp”，index:“5”，editable:false，align:“left”，sortable:true}，
{key:false，name:“GoodFor”，index:“6”，editable:false，width:150，align:“left”，sortable:true}，
{key:false，name:“SellingPrice”，index:“7”，可编辑：false，align:“left”，sortable:true}，
{key:false，name:“IsTaxable”，index:“8”，editable:false，align:“left”，sortable:true}，
],
传呼机：$（“divPager”），
rowNum:10，
行列表：[10,20,30,40]，
loadonce:false，
viewrecords：是的，
jsonReader：{
根：“行”，
第页：“第页”，
总计：“总计”，
记录：“记录”，
重复项：false，
},
emptyrecords：“没有要显示的记录”，
行数：对，
巫师：“描述”，
宽度：“100%”，
高度：“100%”，
可排序：是的，
onPaging:function（pgButton）{}，
loadComplete:函数（）{}，
loadError：函数（xhr、状态、错误）{
var msg=“”；
if（xhr.responseJSON！==未定义）{
if（xhr.responseJSON.IsListResult）{
for（var i=0；i”；
}
}否则{
msg+=xhr.responseJSON.Result；
}
}否则{
msg=$（xhr.responseText）
.过滤器（“标题”）
.text（）；
}
警报（msg）；
//加载（假）；
},
})
.navGrid（“#divPager”，{edit:false，add:false，del:false，search:false，refresh:false}）；
}

CSHTML代码

    <head>
    <title>Maintenance</title>
</head>
<body>
    <div class="row">
        <div class="col-md-12">
            <div id="Create" class="col-md-12 form-group text-center mt-3">
                <a asp-action="CreateItem">Create Item</a>
            </div>
            <div class="col-md-12 form-group text-center mt-3">
                <a asp-action="ViewItem">View Item</a>
            </div>
        </div>
    </div>
    @* --- SEARCH AREA --- *@
    <div class="col-md-12">
        <input type="text" class="col-md-2" name="search" placeholder="Search.." />
        <button id="btnSearch">S</button>
        <button id="btnRefresh">R</button>
        <button id="btnAdd">Add</button>
        <button id="btnDeleteAll">X</button>
    </div>

    @* ----- TABLE ----- *@
    <div class="col-md-12">
        <div class="mt-12 mb-5">
            <table id="tblItem" class="scroll" cellpadding="0" cellspacing="0"></table>
            <div id="divPager" class="scroll" style="text-align:center;"></div>
        </div>
    </div>
</body>


维修
创建项目
视图项
@*---搜索区域--*@
s
R
添加
X
@*-----表------*@

控制器

[HttpPost]
public JsonResult ViewAllItem()
{
    System.Collections.Generic.IEnumerable<ENTITIES.ENT_Items> ent_Items;
    ViewModels.ViewModel_ItemMaintenance vm_ItemMaintenance = new ViewModels.ViewModel_ItemMaintenance();
    using (Models.H2POSContext db = new Models.H2POSContext(_options))
    {
        ent_Items = db.t_Items.ToList();

    }

    var jsonData = new
    {
        rows = ent_Items.ToArray(),
        page = 1,
        total = 1,
        records = 1,
        sort = ""
    };
    return Json(jsonData);
}

[HttpPost]
公共JsonResult ViewAllItem（）
{
System.Collections.Generic.IEnumerable ent_项；
ViewModels.ViewModel_ItemMaintenance vm_ItemMaintenance=新的ViewModels.ViewModel_ItemMaintenance（）；
使用（Models.H2POSContext db=newmodels.H2POSContext（_选项））
{
ent_Items=db.t_Items.ToList（）；
}
var jsonData=new
{
rows=ent\u Items.ToArray（），
第页=1，
总计=1，
记录=1，
sort=“”
};
返回Json（jsonData）；
}

更新

我刚刚发现jqgrid没有接收任何数据。控制器中有一个数据，但当它被传输到jqgrid时，它是空白的。有人知道如何开始发现问题吗？

使用了哪个版本的jqGrid？-Guriddo jqGrid、free jqGrid或jqGrid@TonyTomov。。很抱歉回复晚了。。这里说的是它的..@license jqGrid 4.6.0-jQuery Grid。。jqGrid的版本是否不同？请发布从服务器返回的数据（或部分数据）。您可以使用调试控制台获得它。