【问题标题】:JQgrid - cannot get output from Json where value of array is Object, ObjectJQgrid - 无法从数组的值为对象、对象的 Json 获取输出
【发布时间】:2017-05-11 15:39:27
【问题描述】:

我有 2 个使用免费版 jqgrid 的应用程序。 有效的有一个 Json 数组,如下所示;

注意 data 的值是 [...] 对于未呈现数据的应用程序; 请注意 data 的值不是 [...]。那么我需要对数据做些什么才能以正确的格式将其呈现出来呢?

编辑 我认为我最初提出的数据问题是错误的。 我有一个我想要的 jsFiddle 并且它有效,请参阅 https://jsfiddle.net/arame/cxh7zh3a/ 但是我的 .Net MVC 应用程序中的代码没有。网格显示带有标题,但不呈现数据行。

var populateGrid = function (data) {
    var grid = $("#grid");
    grid.jqGrid({
        data: data,
        colNames: ["Contract No", "Title", ""],
        colModel: [
            { name: "FullContractNo", label: "FullContractNo", width: 80, align: "center" },
            { name: "ContractTitle", label: "ContractTitle", width: 400, searchoptions: { sopt: ["cn"] } },
            { name: "Link", label: "Link", search: false, align: "center" }
        ],
        cmTemplate: { width: 100, autoResizable: true },
        rowNum: 20,
        pager: "#pager",
        shrinkToFit: false,
        rownumbers: true,
        sortname: "FullContractNo",
        viewrecords: true
    });

    grid.jqGrid("filterToolbar", {
        beforeSearch: function () {
            return false; // allow filtering
        }
    }).jqGrid("gridResize");
    $("#divLoading").hide();
}

var getGrid = function () {
    var url = GetHiddenField("sir-get-selected-contract-list");
    var callback = populateGrid;
    dataService.getList(url, callback);
}

getGrid();

代码与 JsFiddle 略有不同,因为数据是从 Web API 中提取的。 然而,数据是正确的,因为我在其中设置了一个断点并检查它。 看

【问题讨论】:

  • 您使用哪个版本的free jqGrid?您发布了 not 测试数组数据,jqGrid 无法加载这些数据。 jqGrid 无法读取 any 数组。输入数据的属性应该对应对应列的name属性,并且值也应该被读取。还有一些额外的可能性,但我无法在评论中描述所有功能。 如果您发布演示会很好(例如在 JSFiddle 中),它会重现问题。您可以在演示中为每个网格包含 2-3 个项目或测试数据。
  • 你能同时发布代码吗?
  • 我已经编辑了问题并提出了您的要求。正如我所提到的,jsFiddle 实际上可以按我的意愿工作,请参阅jsfiddle.net/arame/cxh7zh3a

标签: json jqgrid


【解决方案1】:

我找到了答案!我觉得发布这个很愚蠢,但由于某种原因,我无法理解我有一个旧版本的 jqGrid 库。我有 4.7 版本,当前版本是 4.14。 使用正确的版本,它现在可以工作了。

【讨论】:

    猜你喜欢
    • 2015-08-14
    • 2015-04-03
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2021-09-23
    • 1970-01-01
    相关资源
    最近更新 更多