Javascript ExtJS和按钮

Javascript ExtJS和按钮,javascript,html,extjs,Javascript,Html,Extjs,我是ExtJS的新手。。。但是 我无法用两个按钮解决问题,比如说[B1]和[B2]。 在简单工具栏上,我想在同一个地方有两个按钮 分别在某物上(假设从左边的20 pcx 工具栏)在同一位置交替显示[B1]或[B2]。 按钮定义为: xtype: 'toolbar', dock: 'bottom', height: 30, items: [ [B1]是文件字段按钮: xtype: 'filefield', itemId: 'FFId', buttonOnly: true,

我是ExtJS的新手。。。但是

我无法用两个按钮解决问题,比如说[B1][B2]。 在简单工具栏上,我想在同一个地方有两个按钮 分别在某物上(假设从左边的20 pcx 工具栏)在同一位置交替显示[B1][B2]。 按钮定义为:

xtype: 'toolbar',
dock: 'bottom',
height: 30,
items: [
[B1]是文件字段按钮:

  xtype: 'filefield',  
   itemId: 'FFId',
   buttonOnly: true,
   ... 
[B2]按钮(实际上用作下拉菜单按钮):

当按钮是简单的按钮,男孩的情况是一样的。我试过了 要隐藏/显示它们,请执行以下操作:

  • 基于隐藏属性和方法
    setVisible()
    它们不是 在同一位置,它们“并排”显示(即。 [B1]位置为空,右侧显示[B2]

  • 基于
    风格:“可见性:…”
    ——同样的情况

  • 基于
    风格:“display:…”
    几乎不错,两个按钮 显示在同一位置,但(工具栏左20 pcx) 在工具栏的下方,这样我就可以看到它们的一半

  • 你有什么建议吗?
    提前谢谢

    尝试使用属性
    hidden:true

    如果要在渲染后更改状态,请使用函数
    .hide()
    .show()
    ,或者如果要对两个
    .setHidden(boolInput)
    使用相同的函数,其中
    boolInput
    true
    ,如果要隐藏按钮,请使用函数
    false

    编辑以澄清:

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

    以下是我了解到您正在寻找的工作示例:

    对于您的第三个选项
    样式:“显示:…”
    ,您可以尝试设置边距和填充配置来调整按钮的位置。

    谢谢,我是盲人:-)
       xtype: 'button',                      
       iconAlign: 'right',
       ...
    ]