2

w2uiを使用しています。ボタンが 1 つあるツールバーがあります。このボタンには、アイコン イメージ「icon-delete」があります。

ボタンをクリックすると、アイコン画像を「アイコン追加」に変更したいのですが、コードが機能しません。

toolbar: {
    items: [{
        type: 'button',
        id: 'hide',
        caption: 'Menü',
        img: 'icon-delete'
    }],
    onClick: function (target, data) {
        if (target == 'hide') {
            this.items.img('icon-add');
        }
    }
}
4

3 に答える 3

5

toolbar.set() メソッドを使用して、ツールバー ボタン アイコンを更新できます。したがって、onClick イベントで次の操作を行います。

onClick: function (target, data) {
   this.set(target, { icon: 'new_icon' });
}

詳細はこちら: http://w2ui.com/web/docs/w2toolbar.set

于 2013-09-05T22:14:04.593 に答える
1

「icon-add」イメージで隠しボタン「show」を作成しました。「非表示」ボタンをクリックすると、非表示になり、「表示」ボタンが表示されます。

toolbar: {
            name: 'toolbar',
            items: [
                { type: 'button',  id: 'hide', caption: 'Menü', img: 'icon-delete' },
                { type: 'button',  id: 'show', hidden: 'true', caption: 'Menü', img: 'icon-add' }
            ],
            onClick: function (target, data) {
                if (target == 'hide' ) {w2ui['layout'].toggle('left', window.instant);

                                        this.hide('hide');
                                        this.show('show');
                                        }
                if (target == 'show' ) {w2ui['layout'].toggle('left', window.instant);

                                        this.hide('show');
                                        this.show('hide');
                                        }                       

            }
        }
于 2013-08-30T17:43:23.587 に答える
0

元のアプローチでは更新行が欠落していたと思います。これが私のために働いた例です。elseの部分を追加しました

if (event.target == 'hide') {
   if (this.items[0].icon == 'icon-delete') {
     this.items[0].icon = 'icon-add';
     //do something code
   } else {
     this.items[0].icon = 'icon-delete';
     //do something else code
   }
   w2ui['toolbar'].refresh('hide');
}
于 2016-03-14T07:00:03.230 に答える