w2toolbar.remove

remove(id1, [id2], ...)

idを指定してアイテムを削除します。 戻り値はintegerです。

id: string

削除するアイテムのid。

説明

.items配列からアイテムを削除し、ツールバーを更新します。 ツールバーアイテムは.idプロパティで識別されます。 このメソッドは、削除したアイテム数を返します。

ツールバーが以下のように定義されている場合、

$('#toolbar').w2toolbar({
    name  : 'toolbar',
    items : [
        { type: 'check',  id: 'item1', text: 'Check', img: 'icon-page', checked: true },
        { type: 'radio',  id: 'item3',  group: '1', text: 'Radio 1', img: 'icon-add' },
        { type: 'radio',  id: 'item4',  group: '1', text: 'Radio 2', img: 'icon-add' }
    ]
});

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

w2ui['toolbar'].remove('item3', 'item4');

デモ

ボタンをクリックすると、'check1'と'check3'を削除します。

JavaScript

| $('#toolbar').w2toolbar({
|   name  : 'mytoolbar',
|   items : [
|     { type: 'check',  id: 'item1', text: 'check1' },
|     { type: 'check',  id: 'item2', text: 'check2' },
|     { type: 'check',  id: 'item3', text: 'check3' },
|   ],
| });
| 
| $('#get-result').on('click', function(){
|   var result = w2ui['mytoolbar'].remove('item1', 'item3');
|   document.getElementById('result').innerHTML = result + '個を削除しました';
| });

HTML

<button id="get-result">実行</button>
<div>
  <span id="result"></span>
</div>
<div id="toolbar"></div>