w2toolbar.click

click(id, [event])

アイテムをクリックした時に呼び出されます。 戻り値はundefinedです。

id: string

クリックしたアイテムのid。

event: object

DOMイベント。オプションです。

説明

このメソッドはアイテムがクリックされた時に呼び出されます。 内部的に使用されますが、クリックをエミュレートするために使うことも可能です。 このメソッドは.onClickイベントを発生させます。

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

$('#toolbar').w2toolbar({
    name  : 'toolbar',
    items : [
        { type: 'check',  id: 'item1', text: 'Check', img: 'icon-page', checked: false },
        { type: 'radio',  id: 'item3',  group: '1', text: 'R-1', img: 'icon-add' },
        { type: 'radio',  id: 'item4',  group: '1', text: 'R-2', img: 'icon-add' },
        { type: 'menu',   id: 'item5', text: 'Drop Down',
            items: [
                { id: 'id1', text: 'menu 1' },
                { id: 'id2', text: 'menu 2' },
                { id: 'id3', text: 'menu 3' },
            ]
        }
    ]
});

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

w2ui['toolbar'].click('item1');

メニューのアイテムをクリックすることもできます。

w2ui['toolbar'].click('item5:id2');

デモ

ボタンをクリックすると、チェックボタンをクリックします。

JavaScript

$('#toolbar').w2toolbar({
  name  : 'mytoolbar',
  items : [
    { type: 'check',  id: 'item1', text: 'check' },
  ],
});

$('#get-result').on('click', function(){
  w2ui['mytoolbar'].click('item1');
});

HTML

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