ExtJS and buttons

ExtJS and buttons

本文关键字：buttons and ExtJS      更新时间：2023-09-26

我是ExtJS新手…但

我不能用两个按钮来解决我的问题，比如[B1]和[B2]。在简单的工具栏上，我想在同一个地方有两个按钮分别在一些东西上(我们说从左边20个PCX工具栏)在同一位置交替显示[B1]或[B2]。按钮定义为: 
xtype: 'toolbar',
dock: 'bottom',
height: 30,
items: [

[B1] is filefield button: 

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

[B2]按钮(实际上用作下拉菜单按钮):

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

当按钮是简单按钮时，两者的情况相同。我试着通过以下方式隐藏/显示它们:

  1. 基于隐藏属性和方法setVisible()，它们是no在同一个地方，它们被"并排"显示(我的意思是，例如:[B1]位置为空，右侧显示[B2])

    2. 基于style: 'visibility: ...'的

  2. -相同情况

  3. 在style: 'display: ...'的基础上几乎好，两个按钮显示在相同的位置但是(左20 PCX的工具栏)在工具栏下方，我看到了它们的一半

你有什么建议吗?提前感谢!

尝试使用hidden: true属性

如果你想隐藏按钮，可以使用.hide(), .show()函数来改变它呈现后的状态，或者如果你想对.setHidden(boolInput)(其中boolInput是true)和false(如果你想显示按钮)使用相同的函数。

编辑澄清:

我假设您想一次只显示一个按钮，并且在任何给定的时间显示哪个按钮都显示在相同的位置。这是你想要的，还是别的什么?

这是一个我理解你正在寻找的工作示例:https://fiddle.sencha.com/小提琴/nvn

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

相关文章：