如何水平定位列表框? [XUL /火狐]

时间:2014-04-26 12:17:01

标签: javascript firefox listbox firefox-addon xul

Firefox插件。出于某些原因,我希望横向定位listbox条目。默认情况下,它们垂直定向。例如:我有这段代码

<listbox id="myList">
  <listitem label="A"/>
  <listitem label="B"/>
  <listitem label="C" selected="true"/>
</listbox>
  • orient属性不适用于listbox元素
  • 如果我将listitem包裹在hbox中,我可以水平定位元素。但这不是一种标准方法,会导致错误的selectedIndex等。
  • 我也尝试了richlistbox,但没有帮助。

那么有没有办法水平定位列表框元素?

1 个答案:

答案 0 :(得分:1)

使用您建议的方法(hbox)会导致selectedIndex属性无法使用,但selectedItem仍然有效!

<listbox id="myList" onselect="(this.selectedItem.label='x')">
  <hbox style="">
    <listitem label="Aaa"/>
    <listitem label="Bbbb"/>
    <listitem label="Ccccc"/>
  </hbox>
</listbox>

或者如何使用工具栏:

<toolbar style="-moz-appearance:groupbox" flex="0">
  <toolbarbutton type="radio" group="xxx" label="a"/>
  <toolbarbutton type="radio" group="xxx" label="b"/>
  <toolbarbutton type="radio" group="xxx" label="c"/>
</toolbar>