Typeahead选择列表支持树结构

时间:2013-08-08 18:59:49

标签: javascript jquery jquery-chosen

我正在尝试创建一个选择列表控件,该控件支持具有树结构的数据并具有预先输出功能。

数据如下所示:

Category
    -> SubCategory
Category2
    -> SubCategory
        -> SubSubCategory
Category3
Category4

我希望当typeahead以SubSubCategory为目标时,在下拉列表中显示完整的parent->子结构。

我最接近的是选择使用:http://harvesthq.github.io/chosen/

这支持一个级别的嵌套,但因为<optgroup>标记不能在html中嵌套,所以你可以使用多个级别。

是否有支持此功能的替代库,或者您如何选择补丁以支持此功能?

1 个答案:

答案 0 :(得分:0)

您需要使用各种树控件。网络上有各种各样的jQueryUI和Twitter Bootstrap。

例如,这里有this StackOverflow thread,其中有几个JSFiddles和GitHub repos实现树控件。