0

誰かが私を助けてくれませんか。JQGridを使用して、jsonを使用して列とデータを動的にレンダリングしようとしています。列が表示されているように見えますが、行データがありません。

以下は、サービスから返すJSONです。

{
    "total": 1,
    "page": 1,
    "records": 1,
    "rows": [
        {
            "id": 29291,
            "cell": [
                "Jim",
                "1",
                "2"
            ]
        }
    ],
    "columns": [
        "Name",
        "30/10/2012",
        "23/10/2012"
    ],
    "columnmodel": [
        {
            "name": "Name",
            "index": "Name",
            "align": "left",
            "width": 25
        },
        {
            "name": "30/10/2012",
            "index": "30/10/2012",
            "align": "left",
            "width": 25
        },
        {
            "name": "23/10/2012",
            "index": "23/10/2012",
            "align": "left",
            "width": 25
        }
    ]
}

私が使用しているJavaScriptは次のとおりです。

$.ajax({
    type: "GET",
    url: "ListData?ID=1",
    datatype: "json",
    success: function(result){
        $("#customgrid").jqGrid({
                datatype: "json",
                colNames: result.columns,
                colModel: result.columnmodel,
                data: result.rows,
                width: 800,
                pager: "#customgridpager",
                viewrecords: true,
                sortable: true,
                gridview: true,
        });
    },
});

どんな助けでも大歓迎です。

4

1 に答える 1

3

コードに小さな変更を加えるだけです。$.ajax最初に、呼び出しの入力エラーを変更する必要があります。に変更datatypeしdataTypeます。次に、に変更datatype: "json"する必要がありdatatype: "jsonstring"ます。私があなたに提案する完全なコードは以下の通りです：data: result.rowsdatastr: result

$.ajax({
    type: "GET",
    url: "NiallGray.json",
    dataType: "json",
    success: function (result) {
        $("#customgrid").jqGrid({
            datatype: "jsonstring",
            colNames: result.columns,
            colModel: result.columnmodel,
            datastr: result,
            width: 800,
            pager: "#customgridpager",
            viewrecords: true,
            sortable: true,
            gridview: true,
            rowNum: 10000,
            height: "auto"
        });
    }
});

デモの修正版はこちらです：

ここに画像の説明を入力してください

于 2012-11-23T16:31:44.770 に答える