如何动态更改 Extjs 中的 iconAlign？

Question

我设置了这样一个按钮：

  xtype: 'button',
  icon: 'icons/money_add.png',
  text: 'Details',
  iconAlign: 'left',
  scale: 'small',

我需要根据某些条件更改图标、iconAlign 和缩放

我设法像这样更改了图标和比例：

buttonPath('#buttonId').setIcon('icons/newIcon.png');
buttonPath('#buttonId').setScale('large');

我需要将 iconAlign 从 letf 更改为 top，但它不起作用

我试过了

buttonPath('#buttonId').setIconAlign('top');

但没有用。有什么办法可以改变吗？

Answer 1

您提到的按钮属性是可绑定的。下面是一个使用绑定来改变按钮值的例子。我绑定了一个用于隐藏和显示按钮的布尔值，这使得根据其他规则激活按钮变得很容易，这样您就不必在应用程序中的某些内容发生变化时找到按钮并调用方法。

How dynamically change the iconAlign in Extjs?