新しいボタンを追加してw2uiグリッドに新しいアイテムを追加するには？

Question

私は初めてw2uiグリッドを使用しています。グリッドに新しいアイテムを追加したい。そのために私はtoolbarAddがツールバーであることを示しています。しかし、それをクリックすると何も起こりません。どのように新しいアイテムを追加しますか？

$('#grid').w2grid({ 
    name: 'grid', 
    header: 'List of Names', 
    show: { 
     toolbar: true, 
     footer: true, 
     toolbarAdd: true, 
     toolbarEdit: true, 
     toolbarDelete: true, 
     toolbarSave: true 
    }, 
    columns: [ 
     { field: 'fname', caption: 'First Name', size: '30%' }, 
     { field: 'lname', caption: 'Last Name', size: '30%' }, 
     { field: 'email', caption: 'Email', size: '40%' }, 
     { field: 'sdate', caption: 'Start Date', size: '120px' } 
    ] 

Answer 1

自分でロジックを実装する必要があります。

追加したいものがグリッドにどのように分かりますか？例えば

：

function addRecord() { 
    var g = w2ui['grid'].records.length; 
    w2ui['grid'].add({ recid: g + 1, fname: 'Jin', lname: 'Franson', email: 'jdoe@gmail.com', sdate: '4/3/2012' }); 
} 

$('#grid').w2grid({ 
    name: 'grid', 
    ... 
    onAdd: function (event) { 
     addRecord(); 
    }, 
    ... 
}); 

あなたは基本的に自分のgrid.recordsにエントリを追加します。

ここでは、ツールバーのクリックハンドラを実装して別の例です：

http://w2ui.com/web/demos/#!grid/grid-21

$('#grid').w2grid({ 
    name: 'grid', 
    ... 
    toolbar: { 
     items: [ 
      { id: 'add', type: 'button', caption: 'Add Record', icon: 'w2ui-icon-plus' } 
     ], 
     onClick: function (event) { 
      if (event.target == 'add') { 
       w2ui.grid.add({ recid: w2ui.grid.records.length + 1 }); 
      } 
     } 
    }, 
    ... 
});