我需要一个带有复选框的XUL树的最小工作示例

时间:2014-01-12 13:27:27

标签: javascript checkbox xul

我正在尝试使用tree#ExamplesTree_Widget_Changes#Checkbox_columns(来自MDN)创建一个首选项框,用户可以(de)选择分组选项。为此我想要主要类别没有一个复选框,在其下面有一个可折叠的子项目列表带有复选框...第一个链接的树例子可以工作,但是我不能让它显示checboxes,我找不到任何关于如何让“root”项目没有复选框的文档。

1 个答案:

答案 0 :(得分:2)

您必须为“已选中”复选框定义以下css才会显示为已选中:

/* default style for checkbox column */
treechildren::-moz-tree-checkbox(checked) { list-style-image: url("chrome://global/skin/checkbox/cbox-check.gif"); }

对于“根”行问题,据我所知,treeitem将多个treerow分组。尝试设置label元素的treeitem属性,并将任何子treerow放入其中。