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

Question

我正在尝试使用 tree#Examples和 Tree_Widget_Changes#Checkbox_columns (来自 MDN)创建一个首选项框，用户可以在其中(取消)选择分组选项。为此，我希望有一个没有复选框的主要类别，下面是一个带有复选框的可折叠子项列表...第一个链接中的树示例有效，但是我无法让它显示复选框，而且我找不到任何关于如何让“根”项目没有复选框的文档。

Answer 1

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

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

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