使用easyui的Tree 实现无限子节点绑定
2013-01-07 16:57
489 查看
因项目需求,要实现tree结构显示数据,没法,只能硬上了。但有懒写CSS样式,同事推荐用easyui. 网络搜索,下载看看先。http://www.jeasyui.com/
果然和我想的一样,不是咱国民做的。
![](https://oscdn.geek-share.com/Uploads/Images/Content/201910/26/565ad52f238aa768c85234bb3596659d.jpg)
国人的创新都去哪了。
《---------------------------------------------------------------------------------》
我就不吐槽了。继续谈我们的
![](https://oscdn.geek-share.com/Uploads/Images/Content/201910/26/83bac1c8c825850a31b5c9a8f7e33b2a.jpg)
编程都懂英文吧,自己不懂的问你家邻居。功能很强大,随用随知道。我今天主要用Tree.
先看看效果图
![](https://oscdn.geek-share.com/Uploads/Images/Content/201910/26/3e1602f32ed85c31208b28eb61c19f81.jpg)
我这是用中国城市表做的测试。多级绑定。可以无限制的分级。只要你不嫌卡。---------------> what? 卡? 废话,你绑定那么多数据,不卡才怪。
一、 先看前台页面:
引入js,css.你懂的。
页面内容
O><O 一段ul 就可以??,,,,。。这就是工具的好处。简单迅速。工具决定效率。
二、 js 部分
CreateTree.js 是我自己写的js. 不想在html 页面上写。
如你所见。我用是ashx 一般处理程序。其实用啥都一样,只要返回对象是json对象就可以了。( 啥是json??)..
![](https://oscdn.geek-share.com/Uploads/Images/Content/201910/26/b2415148e18e0b8a3e3be4957ab6d631.jpg)
![](https://oscdn.geek-share.com/Uploads/Images/Content/201910/26/43a306ca305c634a2b4636b4f29f276a.jpg)
![](https://oscdn.geek-share.com/Uploads/Images/Content/201910/26/f4caac43fbcac7f7d36a1298b4c91910.jpg)
三、 后台代码
GetDataString方法
我这是完成拼接。 按照官网给的实例写的样式。为啥??因为这样正确。
这是官网上给的 ,看看
基本就这。so easy..当然也可以加其他东西的。添加个右击啥的。
![](https://oscdn.geek-share.com/Uploads/Images/Content/201910/26/0a52d228ea641a793829eb4a6829af06.jpg)
很简单。看实例。比这改改就可以了。因时间问题我写的有些简单。愿大家见谅。
我的百度博客 http://hi.baidu.com/flyredfly/item/f87b923e1ae3d683c3cf29e4
果然和我想的一样,不是咱国民做的。
![](https://oscdn.geek-share.com/Uploads/Images/Content/201910/26/565ad52f238aa768c85234bb3596659d.jpg)
国人的创新都去哪了。
《---------------------------------------------------------------------------------》
我就不吐槽了。继续谈我们的
![](https://oscdn.geek-share.com/Uploads/Images/Content/201910/26/83bac1c8c825850a31b5c9a8f7e33b2a.jpg)
编程都懂英文吧,自己不懂的问你家邻居。功能很强大,随用随知道。我今天主要用Tree.
先看看效果图
![](https://oscdn.geek-share.com/Uploads/Images/Content/201910/26/3e1602f32ed85c31208b28eb61c19f81.jpg)
我这是用中国城市表做的测试。多级绑定。可以无限制的分级。只要你不嫌卡。---------------> what? 卡? 废话,你绑定那么多数据,不卡才怪。
一、 先看前台页面:
引入js,css.你懂的。
二、 js 部分
CreateTree.js 是我自己写的js. 不想在html 页面上写。
![](https://oscdn.geek-share.com/Uploads/Images/Content/201910/26/b2415148e18e0b8a3e3be4957ab6d631.jpg)
![](https://oscdn.geek-share.com/Uploads/Images/Content/201910/26/43a306ca305c634a2b4636b4f29f276a.jpg)
![](https://oscdn.geek-share.com/Uploads/Images/Content/201910/26/f4caac43fbcac7f7d36a1298b4c91910.jpg)
三、 后台代码
这是官网上给的 ,看看
![](https://oscdn.geek-share.com/Uploads/Images/Content/201910/26/0a52d228ea641a793829eb4a6829af06.jpg)
很简单。看实例。比这改改就可以了。因时间问题我写的有些简单。愿大家见谅。
我的百度博客 http://hi.baidu.com/flyredfly/item/f87b923e1ae3d683c3cf29e4
相关文章推荐
- 使用easyui的Tree 实现无限子节点绑定
- Java+oracle树查询实现easyui中tree使用的json
- 使用jQuery+EasyUI实现CheckBoxTree的级联选中特效
- 如何使用C++递归来实现在BST(Binary Search Tree)里将所有的叶子节点上的数字求和
- 使用UltraWebTree时,如何在刷新后展开之前选中的节点,并绑定相关数据
- 使用tree实现无限级树形菜单
- 使用jQuery+EasyUI实现CheckBoxTree的级联选中特效
- Easyui中tree组件实现搜索定位功能及展开节点定位
- Thinkphp的list_to_tree 实现无限级分类列出所有节点
- easyui-tree实现节点的上下移动
- Thinkphp的list_to_tree 实现无限级分类列出全部节点
- 使用EasyUI的tree组件,叶子节点下会加载所有节点数据,形成死循环......
- easyui tree/TreeGrid使用:逐级加载、指定节点刷新、全部展开
- easyui-tree实现所有节点勾选、同步勾选
- Jsp+Ext2.0用递归实现任意指定节点ID的无限级Tree的生成
- Thinkphp的list_to_tree 实现无限级分类列出所有节点
- Java+oracle树查询实现easyui中tree使用的json
- Flex中实现Tree绑定数据后自动展开节点
- Java+oracle树查询实现easyui中tree使用的json
- Java+oracle树查询实现easyui中tree使用的json(转)