1

非常に些細な問題だと思いますが、何日もイライラしています。

<div id="grid"></div> 
<script>
    $(function() {
        $("#grid").kendoGrid({
            dataSource: {
                transport: {
                    read: "http://localhost/public/ajax/user/cultures.json",
                    pageSize: 10,
                    dataType: "jsonp"
                }
            },
            schema: {
                data: "data"
            },
            columns: [
                { field: 'oname' },
                { field: 'oculture_code' }
            ],
            height: 500,
            scrollable: true,
            selectable: true,
            sortable: true
        });
    });
</script>

サーバーから受信したデータから受信したデータのサンプルは次のとおりです。

{
    "total":136,
    "data":
    [
         {"oculture_code":"af-ZA","oname":"Afrikaans - South Africa"},
         {"oculture_code":"ar-AE","oname":"Arabic - United Arab Emirates"},
         {"oculture_code":"ar-BH","oname":"Arabic - Bahrain"},
         ...
    ]
    ...
}

グリッドは最初に何らかの処理を行いますが、最終的には空に見えるため、上記は機能しません。私は応答で試しました：

[{"oculture_code":"af-ZA","oname":"Afrikaans - South Africa"}, ...]

スキーマを使用せずにグリッドにデータを入力します。後者のデータを使用してスキーマを追加することも引き続き機能します。何か問題が発生するのは、json 応答を変更したときです。

サーバー側のページングを追加する予定なので、スキーマを使用したいと考えています。しかし、これは私が前進するのを妨げています。私は何か完全に間違っていますか？

前もって感謝します！

4

1 に答える 1

1

エラーは、定義の一部であるときにschema外部で定義したことです。そのはず：dataSourceDataSource

$("#grid").kendoGrid({
    dataSource: {
        transport: {
            read    : "cultures.json",
            pageSize: 10,
            dataType: "jsonp"
        },
        schema    : {
            data : "data"
        }
    },
    columns   : [
        { field: 'oname' },
        { field: 'oculture_code' }
    ],
    height    : 500,
    scrollable: true,
    selectable: true,
    sortable  : true
});
于 2013-06-02T18:31:14.000 に答える