javascript - 有没有办法在 Firefox 扩展中对控件进行分组？

Question

我来自 .net 世界，所以我知道它可以在那里完成，但我正在为 Firefox 制作工具栏，我希望它在单击一个按钮并显示时显示一组控件（某种形式）当我单击另一个按钮时，另一组。

问题是是否有一个选项可以对一些控件进行分组并隐藏它们，然后当单击按钮时，我只需要更改组的可见性或另一个选项，即仅在之后使用 javascript 添加这些控件按钮被点击？

我再次知道它可以使用 .net 轻松完成，但由于我是工具栏编程的新手，并且在网络上没有看到任何与此相关的内容，所以我在这里问。

Answer 1

我认为基本原则是相同的，您只需在要分组的控件集周围添加一个“分组”元素。对于工具栏，您可以使用工具栏项 + vbox 的组合，以及其中的新工具箱。并且只需使用 javascript 通过 id 获取分组元素并隐藏/显示它。

就像是：

<?xml version="1.0" encoding="utf-8"?>
<?xml-stylesheet href="chrome://global/skin/" type="text/css"?>
<window xmlns="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul">
<toolbox>
  <toolbar>
    <toolbaritem>
      <hbox id="tbgroup1" hidden="true">
        <toolbarbutton label="button"/>
        <toolbarbutton label="button"/>
        <toolbarbutton label="button"/>
      </hbox>
      <hbox id="tbgroup2">
        <toolbarbutton label="button"/>
        <toolbarbutton label="button"/>
        <toolbarbutton label="button"/>
      </hbox>
    </toolbaritem>
   </toolbox>
</window>