w2ui - 单击工具栏更改按钮图像

Question

我正在使用w2ui.我有一个带一个按钮的工具栏.此按钮具有图标图像"icon-delete".

当我点击按钮时,我希望它将图标图像更改为"icon-add",但我的代码不起作用.

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

Answer 1

您可以使用toolbar.set()方法更新工具栏按钮图标.因此,在您的onClick事件中执行以下操作:

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

在此处查看更多信息:http://w2ui.com/web/docs/w2toolbar.set