我jsTree,学习资料.doc

HYPERLINK /yizhizouxiaqu/article/details/7441251 jsTree插件简介(一) 分类： HYPERLINK /yizhizouxiaqu/article/category/1118219 jsTree 2012-04-09 16:21 3000人阅读 HYPERLINK /yizhizouxiaqu/article/details/7441251 \l comments 评论(0) HYPERLINK javascript:void(0); \o 收藏 收藏 HYPERLINK /yizhizouxiaqu/article/details/7441251 \l report \o 举报 举报 HYPERLINK /tag/html \t _blank html HYPERLINK /tag/json \t _blank json HYPERLINK /tag/themes \t _blank themes HYPERLINK /tag/plugins \t _blank plugins HYPERLINK /tag/function \t _blank function HYPERLINK /tag/xml \t _blank xml 在用jsTree时可以使用几种插件来支持我们的行为，下面我简要的介绍下各个插件的使用。 1：html_data plugin。 html_data即我们要渲染的数据是用html格式来完成tree的展示。其中所要渲染的html数据可以来自直接的html文本，例如 [javascript] HYPERLINK /yizhizouxiaqu/article/details/7441251 \o view plain view plain HYPERLINK /yizhizouxiaqu/article/details/7441251 \o copy copy HYPERLINK /yizhizouxiaqu/article/details/7441251 \o print print HYPERLINK /yizhizouxiaqu/article/details/7441251 \o ? ? $(function?()?{?? ????$(#demo2).jstree({??? ????????core?:?{?initially_open?:?[?root?]?},?? ????????html_data?:?{?? ????????????data?:?li?id=roota?href=#Root?node/aullia?href=#Child?node/a/li/ul/li?? ????????},?? ????????plugins?:?[?themes,?html_data?]?? ????});?? });?? 也可以是使用json取得的html， [javascript] HYPERLINK /yizhizouxiaqu/article/details/7441251 \o view plain view plain HYPERLINK /yizhizouxiaqu/article/details/7441251 \o copy copy HYPERLINK /yizhizouxiaqu/article/details/7441251 \o print print HYPERLINK /yizhizouxiaqu/article/details/7441251 \o ? ? $(function?()?{?? ????$(#demo3).jstree({??? ????????html_data?:?{?? ????????????ajax?:?{?? ????????????????url?:?/static/v.1.0pre/_docs/_html_data.html,?? ????????????????data?:?function?(n)?{??? ????????????????????return?{?id?:?n.attr???n.attr(id)?:?0?};??? ????????????????}?? ????????????}?? ????????},?? ????????plugins?:?[?themes,?html_data?]?? ????});?? });?? 也可以是两种情况的混合体。 我模拟了第一种情况，在 HYPERLINK /detail/yizhizouxiaqu/4211029 /detail/yizhizouxiaqu/4211029??html_data.html