如何通过设置类来格式化jsTree中的“li”和“a”DOM元素?

时间:2011-12-28 05:38:36

标签: jquery jstree

基本上,我有一个jsTree,我需要格式化它的 li DOM元素为每种类型添加自定义类。文档不清楚如何做到这一点,据我所知,没有办法添加自定义类,任何格式化都必须通过重写jquery主题或编辑jsTree源代码。我可以在JSON数据中执行此操作,或者在声明此类示例中显示的“类型”时更有效:

            $("#container").jstree({
                "plugins" : ["themes", "json_data", "ui", "themeroller", "types"],
                "json_data" : {"data": my_json_data},
                "core" : { 
                    "initially_select" : [ init_id] 
                },
                "types" : {
                    "valid_children" : [ "test_type" ],
                     "types" : {
                        "test_type" : {
                            "valid_children" : [ "default", "test_type" ],
                            "icon" : { "image" : "/includes/icon.gif"}
                        }
                    }
                },
                "themes" : {
                    "dots" : true,
                    "icons" : true
                }
            });

1 个答案:

答案 0 :(得分:3)

如果你想在JSON响应中这样做,这对我有用:

{ 
  "attr": { "class": "some-class1", "id": "node_1" },
  "data": { 
    "attr": { "class": "some-class2", "href": "", "title": "node title" }
  }
}

第一个 attr 引用<li>标记,第二个 attr (内部数据)引用<a>代码。