jstree使用
2016-07-15 16:27
435 查看
因为工作需要一些东西需要以树状形式显示,功能也比较多。于是先从使用的第一步开始一点一点写。
对比了很多树的插件,最终还是觉得jsTree更适合我们的需求。
官方地址:https://www.jstree.com/ 作为一枚英盲来说看官方app还是比较累的。凭借着翻译软件勉强还是能看懂的。于是慢慢研究。
1,需要以层级的形式展示数据
2,需要根据数据的不同状态显示不同的图标
3,需要在线实时的刷新已打开内容的状态图标
4,异步加载数据
5,点击时非文件数据则自动打开下级并异步加载数据
6,复选时只获取文件id,排除文件夹
7,右键菜单操作,不同类型显示不同菜单内容
8,新建结点,修改结点,删除结点。
目前我能想到做了的内容就是这些。我将一点一点的把这些实现展示在这里。方便和我一样用到的菜鸟。
对比了很多树的插件,最终还是觉得jsTree更适合我们的需求。
官方地址:https://www.jstree.com/ 作为一枚英盲来说看官方app还是比较累的。凭借着翻译软件勉强还是能看懂的。于是慢慢研究。
1,需要以层级的形式展示数据
2,需要根据数据的不同状态显示不同的图标
3,需要在线实时的刷新已打开内容的状态图标
4,异步加载数据
5,点击时非文件数据则自动打开下级并异步加载数据
6,复选时只获取文件id,排除文件夹
7,右键菜单操作,不同类型显示不同菜单内容
8,新建结点,修改结点,删除结点。
目前我能想到做了的内容就是这些。我将一点一点的把这些实现展示在这里。方便和我一样用到的菜鸟。
相关文章推荐
- js刷新当页面
- JS 数字,金额 用逗号 隔开(数字格式化)
- rails AJAX方法 操作后需要执行js文件中命令的方法
- js拼接html多参数传递转义
- json数据转换
- Gulp Error: Cannot find module 'jshint/src/cli';
- 拼接json数据2种方法
- 写了 几个 json 生成小工具
- jsp
- YYKit - YYModel 使用方法
- js的原型prototype理解
- js解析json
- JSP 结构
- 前端代码编码和设计规范系列——JavaScript编程规范
- js正则表达式中的问号几种用法小结
- JS正则表达式的RegExp对象和括号的使用等需要注意的
- JavaScript constructor prototyoe
- 轻松5句话解决JavaScript的作用域
- JavaScript单元测试
- js弹出框 -搜索