w2grid.onLoad

onLoad = function(event)

サーバからレコード取得のレスポンスがあった時に呼び出されます。

オブジェクト作成時にイベントリスナーとして指定します。

$('#grid').w2grid({
    name    : 'grid',
    url        : 'some/url/to/data',
    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: 'End Date', size: '120px' }
    ],
    onLoad: function(event) {
        console.log(event);
    }        
});

または、w2gridオブジェクト生成後に指定します。

w2ui['grid'].on('load', function(event) {
    console.log(event);
});

このイベントハンドラはデフォルトのアクションの前に呼び出されます。 デフォルトアクションを取り消すにはevent.preventDefault()を使います。 このイベントが完全に終わった後にデフォルトアクションを走らせるには、event.onCompleteを使います。 より詳しく知りたい場合はw2utils:eventsを参照して下さい。

デモ

外部JSONを読み込んでデータの取得が完了するとconsole.logが出力されます。

* 体感的にはほとんど分かりません。グリッドが表示されるとconsole.logが表示されます。

JavaScript

$('#grid').w2grid({
    name    : 'mygrid',
    url        : '../json/data.json',
    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: 'End Date', size: '120px' }
    ],
    onLoad: function(event) {
        console.log(event);
    }
});