ztree 扩展name自定义格式
来源:互联网 发布:哪个运营商的4g网络快 编辑:程序博客网 时间:2024/06/07 18:50
场景: 树的节点名字需要显示一些额外的信息。比如名字是 阿里云(100) 100这个是我当前节点的内容之一,目前由于ztree没有支持render回调函数,没法拼接内容得到。
下载ztree js源码,可以知道树节点的显示名字是由getNodeName得到,所以出发点就是修改这个函数,修改如下。
getNodeName: function (setting, node) { var text = setting.data.key.nameFormat; if (setting.data.key.nameArray && text) { for (var i=0;i!=setting.data.key.nameArray.length;++i) { text = text.replace("%s",node[setting.data.key.nameArray[i]]); } return text; } var nameKey = setting.data.key.name; return "" + node[nameKey]; }
使用例子,数组nameArray为节点内容的key,%s为对应的替换位置。
ztree = $.fn.zTree.init($("#treeDemo"), { view: { showIcon: false }, data:{ key:{ nameArray:["name","sum"], nameFormat:"%s(%s)" } }, chooseTree);
修改后压缩的cdn链接:
http://webcenter.oss-cn-hangzhou.aliyuncs.com/ztree/jquery.ztree.core.min.js
阅读全文
0 0
- ztree 扩展name自定义格式
- ZTree学习(三),ztree树扩展
- zTree自定义Title属性
- ztree自定义单选框
- (礼拜四log)zTree插件扩展
- 扩展Struts2--自定义String和XML格式的Result
- 扩展Struts2--自定义String和XML格式的Result
- 扩展Struts2--自定义String和XML格式的Result收藏
- 扩展Struts2--自定义String和XML格式的Result
- Js扩展时间可格式化,自定义时间格式
- 扩展Struts2--自定义String和XML格式的Result
- jquery ztree 增加自定义属性
- 自定义zTree+easyui右键菜单
- ztree自定义图标实现方法
- Ztree的设计结构与扩展
- 省市二级ztree格式json数据
- ztree勾选取得id 把name 放到input显示
- zTree初始化 节点添加自定义属性
- leetcode#206. Reverse Linked List
- Vue学习日志:列表渲染(7)
- 使用greenDao+HttpurlConnection实现多线程断点下载
- 3基于opencv的对比度_亮度调整_轨迹条Trackbar
- HCP: A Flexible CNN Framework for Multi-label Image Classification论文学习
- ztree 扩展name自定义格式
- 随机打乱/随机发牌
- 使用idea创建maven的项目图文
- Fragment切换避免一直调用onCreateView()
- ctf编码,解密总结
- 职场中对老板要多运用“老板管理”思维
- Handler、Looper、ThreadLocal 、Values
- pycharm环境下将python项目提交到github
- jupyter(ipython) notebook 工作路径设置方法