ExtJS 和按钮

Question

我是 ExtJS 的新手……但是

我无法用两个按钮解决我的问题，比如说 [B1] 和 [B2]。 在简单的工具栏上，我想在同一个地方有两个按钮 分别在某物上（假设从左侧开始 20 pcx 工具栏）在同一位置交替显示 [B1] 或 [B2]。 按钮定义为：

xtype: 'toolbar',
dock: 'bottom',
height: 30,
items: [

[B1] 是文件字段按钮：

  xtype: 'filefield',  
   itemId: 'FFId',
   buttonOnly: true,
   ... 

[B2]按钮（实际上用作下拉菜单按钮）：

   xtype: 'button',                      
   iconAlign: 'right',
   ...
]

当按钮是简单的按钮时，情况也是一样的。我试过了 通过以下方式隐藏/显示它们：

1. 基于隐藏属性和方法setVisible() 他们不是 在同一个地方，它们“并排”显示（我的意思是例如 [B1]地方为空，右侧显示[B2]）

2. 在style: 'visibility: ...'的基础上——同样的情况

3. 在style: 'display: ...' 的基础上几乎不错，两个按钮 显示在同一个地方，但是（左 20 pcx 工具栏） 在工具栏的下方，所以我看到了它们的一半

你有什么建议吗？ 提前致谢！

Answer 1

尝试使用属性hidden: true。

如果要在渲染后更改状态，请使用函数.hide()、.show()，或者如果你想对.setHidden(boolInput) 使用相同的函数，其中boolInput 是true，如果你想隐藏按钮，如果你想显示它，false。

编辑澄清：

我假设您希望一次只显示一个按钮，并且在任何给定时间显示的任何按钮都显示在同一位置。这是你想要的，还是不同的？

这是我了解您正在寻找的工作示例： https://fiddle.sencha.com/#fiddle/nvn

Answer 2

对于您的第三个选项style: 'display: ...'，您可以尝试设置边距和填充配置来调整按钮的位置。