w2grid.reload

reload([callBack])

リモートのデータをリロードします。 戻り値はundefinedです。

callBack: function

コールバック関数。オプションです。

説明

データソースがリモート(.urlプロパティを設定)の場合、 .reload()メソッドを使ってリロードすることができます。 この関数はツールバーの「Reload」ボタンをクリックした時も呼び出されます。 データソースがローカルの場合、.reload()メソッドは、w2utils.refresh()メソッドの呼び出しと同等です。

グリッドを以下のように定義すると

$('#grid').w2grid({
    name : 'grid',
    url  : 'some/server/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' }
    ]
});

以下のように指定します。

w2ui['grid'].reload();

デモ

グリッドをクリックするたびに、"ID"がランダムに切り替わります。

JavaScript

$('#grid').w2grid({
    name    : 'mygrid',
    url     : '../json/data_random.php',
    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' }
    ],
});
w2ui['mygrid'].on('click', function(event) {
    w2ui['mygrid'].reload();
});