如何使用 xul 创建具有下拉效果的按钮？

Question

我必须为 firefox 创建一个扩展，它有一个下拉菜单。 按钮的外观类似于 firebug。代码如下：

<?xml version="1.0" encoding="UTF-8"?>
<?xml-stylesheet href="chrome://sendtoie/skin/overlay.css" type="text/css"?>
<!DOCTYPE overlay SYSTEM "chrome://sendtoie/locale/sendtoie.dtd">
<overlay id="sendtoie-overlay"
xmlns="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul">
<script type="application/x-javascript" src="overlay.js"/>


<toolbarpalette id="BrowserToolbarPalette">
<menulist id="sendtoie-toolbar-button">
<menupopup>
<menuitem label="check"  oncommand="ButtonCommand();"/>
<menuitem label="list1"  oncommand="com2();" />
</menupopup>
</menulist>
</toolbarpalette>

</overlay>  

此代码创建一个带有文本和图标的下拉菜单，但是当我右键单击 firefox 工具栏->转到自定义 -> Select “显示”选项中的“仅图标”时，文本“检查”仍然存在，我也无法拖动此扩展名为“自定义”下拉框。 如何获得类似于 Firebug 扩展的行为？

Answer 1

工具栏按钮应该始终是<toolbarbutton> ，有关它的文档，请参阅https://developer.mozilla.org/en/XUL/toolbarbutton 。 您可以使用type="menu"或type="menu-button"显示下拉菜单：

<toolbarbutton id="sendtoie-toolbar-button" type="menu" label="My button">
<menupopup>
<menuitem label="check"  oncommand="ButtonCommand();"/>
<menuitem label="list1"  oncommand="com2();" />
</menupopup>
</toolbarbutton>