w2grid.parser

サーバからのレスポンスをパースする関数を指定します。

Function, default = null

リモートから返ってきたデータ構造ががグリッドの形式に合わない場合、 レスポンスデータをパースする関数を指定することができます。 ただし、この関数はグリッドにマージされる前に実行されます。

オブジェクト作成時に指定する場合

$('#grid').w2grid({
    name    : 'grid',
    url     : '/server/side/url',
    columns : [                
        { field: 'recid', caption: 'ID', size: '50px' },
        { field: 'lname', caption: 'Last Name', size: '30%' },
        { field: 'fname', caption: 'First Name', size: '30%' },
        { field: 'email', caption: 'Email', size: '40%' },
        { field: 'sdate', caption: 'Start Date', size: '120px' },
        { field: 'sdate', caption: 'End Date', size: '120px' }
    ],
    parser: function (responseText) {
        var data = $.parseJSON(responseText);
        // do other things
        return data;
    } 
});

デモ

テキストデータをJSON形式に変換して表示します。

* テキストデータであっても、JSON形式の文字列であればparserプロパティを指定しなくても表示可能です。

JavaScript

$('#grid').w2grid({
    name    : 'mygrid',
    url     : '../json/data_json.txt',
    columns: [
        { field: 'recid', caption: 'ID', size: '50px' },
        { field: 'lname', caption: 'Last Name', size: '30%', sortable: true },
        { field: 'fname', caption: 'First Name', size: '30%', sortable: true },
        { field: 'email', caption: 'Email', size: '40%', sortable: true },
        { field: 'sdate', caption: 'End Date', size: '120px', sortable: true }
    ],
    parser: function (responseText) {
        var data = $.parseJSON(responseText);
        return data;
    }
});