使用jQuery json生成动态的无限分级树,每个节点不一样的图标

生成的时候,如果该目录下还有目录的话就在前面加一个展开的图片按钮,如果该目录下没有目录了,就不用加这个展开的按钮了。哪位高手帮帮忙,先谢谢了。如图,图片上的只有二级。我需... 生成的时候,如果该目录下还有目录的话就在前面加一个展开的图片按钮,如果该目录下没有目录了,就不用加这个展开的按钮了。哪位高手帮帮忙,先谢谢了。如图,图片上的只有二级。我需要无限的。

我把我的json数据附上刘利民有 自增id,父id,名称。

[{"id":"1","title":"\u670d\u9970\u978b\u5305","pid":"0"},{"id":"2","title":"\u6570\u7801\u5bb6\u7535","pid":"0"},{"id":"3","title":"\u672c\u5730\u751f\u6d3b","pid":"0"},{"id":"4","title":"\u7f51\u5e97\u670d\u52a1","pid":"1"},{"id":"5","title":"\u672c\u5730\u751f\u6d3b","pid":"0"},{"id":"6","title":"\u54c1\u724c\u5973\u88c5","pid":"0"},{"id":"7","title":"\u8fde\u8863\u88d9","pid":"2"},{"id":"14","title":"\u65b0\u6b3e\u96ea\u7eba\u886b","pid":"7"},{"id":"15","title":"\u519c\u5ba2\u4e1c\u5317\u957f\u7c92\u7c731\u53f7","pid":"14"},{"id":"16","title":"\u519c\u5ba2\u4e1c\u5317\u957f\u7c92\u7c732\u53f7","pid":"14"},
{"id":"17","title":"\u519c\u5ba2\u4e1c\u5317\u957f\u7c92\u7c732\u53f7","pid":"6"},
{"id":"18","title":"\u519c\u5ba2\u4e1c\u5317\u957f\u7c92\u7c732\u53f7","pid":"6"},
{"id":"19","title":"\u519c\u5ba2\u4e1c\u5317\u957f\u7c92\u7c732\u53f7","pid":"18"},
{"id":"20","title":"\u519c\u5ba2\u4e1c\u5317\u957f\u7c92\u7c732\u53f7","pid":"19"},{"id":"32","title":"\u5154\u5154\u5154\u5154\u5154\u51543\u53f7","pid":"16"}]
无限循环判断当前分类属于某个分类下就将当前分类放到属于某个分类下,这个我已经做出来了,现在就是不知道怎么判断当前分类下是否还有分类,如果还有分类就在前面加上一个展开的图标,如果没有分类了就不加。
我的QQ:386392432
展开
 我来答
hu键盘侠
2013-09-07 · 超过20用户采纳过TA的回答
知道答主
回答量:38
采纳率:0%
帮助的人:47.5万
展开全部
给你一个思路:具体代码自己写吧。 把树写成异步树。
代码可以只写一个 eg:xxTree(string id)
//判断id是否为空;如果为空直接加载根几点下面的第一层;Pid为0
//图标的类型通过后台判断是否是叶子节点,如果是叶子节点。返回的json样式为文件
//不是的话就是文件夹的;
//看的你的JSON你是通过Pid去绑定父节点的ID
step1:初始化加载根节点下面的第一层树结构。(调用后台代码,id为空)
step2:点击一个分支。将id传入到后台。返回json。异步的添加下一层树级结构;
step3:如果下面有N多层 你就慢慢重复step2;可以直接写好,让它自己迭代;

对于这样的树。你自己拼接json是很费事的一件事。采用第三方控件吧TreeView。easyui 。jquery ui 都有树形控件。
一瞥不够
2013-09-17 · TA获得超过905个赞
知道小有建树答主
回答量:760
采纳率:71%
帮助的人:218万
展开全部
jquery ztree 完美的解决了你的问题. 看看就OK了
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
推荐律师服务: 若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询

为你推荐:

下载百度知道APP,抢鲜体验
使用百度知道APP,立即抢鲜体验。你的手机镜头里或许有别人想知道的答案。
扫描二维码下载
×

类别

我们会通过消息、邮箱等方式尽快将举报结果通知您。

说明

0/200

提交
取消

辅 助

模 式