Question

我对jqGrid很新。我正在尝试使用asp.net web api加载简单的jqgrid。 api发回emailDto列表。 emailDto是普通类，有3个公共属性

问题是jqgrid没有填充。非常感谢任何帮助。

function dataBindToGrid() {
        var lastsel;
        $("#emailgrid").jqGrid({
            url: '/api/email/',
            datatype: "json",
            mytype: 'GET',
            ajaxGridOptions: { contentType: 'application/json; charset=utf-8' },
            colNames: ['Address ID', 'Type', 'Email'],
            colModel: [{ name: 'Address_ID', width: 70, primaryKey: true, editable: false, sortable: false, hidden: false, align: 'left' },
                    { name: 'Email_Type', width: 70, editable: true, align: 'left', sortable: false },
                    { name: 'Email_Address', width: 200, editable: true, align: 'left', sortable: false }

            ],
            onSelectRow: function (id) {
                if (id && id !== lastsel) {
                    var grid = $("#emailgrid");
                    grid.restoreRow(lastsel);
                    grid.editRow(id, true);
                    lastsel = id;
                }
            },
            //This event fires after all the data is loaded into the grid
            gridComplete: function () {
                //Get ids for all current rows
                var dataIds = $('#emailgrid').jqGrid('getDataIDs');
                for (var i = 0; i < dataIds.length; i++) {
                    //Put row in edit state
                    $("#emailgrid").jqGrid('editRow', dataIds[i], false);
                }
            },
            rowNum: 3,
            viewrecords: true,
            caption: "Email Addresses"
        });
    }

Answer 1

当为jsondatatype配置时，jqGrid需要以下json格式的数据：

{ 
  "total": "xxx", 
  "page": "yyy", 
  "records": "zzz",
  "rows" : [
    {"id" :"1", "cell" :["cell11", "cell12", "cell13"]},
    {"id" :"2", "cell":["cell21", "cell22", "cell23"]},
      ...
  ]
}

返回的数据必须与此匹配，否则将无效。这是默认的json结构（如果需要，可以更改它）。根据您使用的浏览器，您应该能够看到ajax请求和响应，以及在网格构建时发送和返回的数据（Firefox使用firebug，IE使用开发人员工具栏）

根据here

Answer 2

解决！

刚刚添加到jqGrid下面，它可以正常工作。

jsonReader: {
                repeatitems: false,
                page: function () { return 1; },
                root: function (obj) { return obj; },
                records: function (obj) { return obj.length; }
            },

带有web api的jqgrid没有填充

2 个答案: