学习使用easy-ui中combotree插件文档
来源:互联网 发布:真人cs漆弹枪淘宝店 编辑:程序博客网 时间:2024/06/05 15:10
学习使用easy-ui中combotree插件文档
此文章也是在上一家公司开发过程中,使用easy-ui中的下拉树单选和多选研究后,方便自己以后查阅写的文档,最近无事,整理分享给大家
首先,先说说easy-ui是什么,easy-ui和jqueryui一样,就是jQuery插件组,里面有很多我们常用的插件,比如,table,tableTree,editTable等等,有时间大家去看,
主要easy-ui的文档也有很多,但是都是这抄袭那粘贴,有时自己想问的,想要的答案没有,当时研究这个combotree时,查看了他的源码(其实只能看懂一点点),所以写了这这个文档
大家先去下载easy-ui . 百度 google都可以..
combotree 是由combo和tree 结合的插件,重写了他们的相关方法
大家看看combotree效果图,
单选: 多选 :
看到了吧,还不错..
其实jqueryui和easy-ui都支持json格式,我这的数据也都是json格式字符串从后台传递过来的
单选:
需要把input表单元素改为下面的形式:
多选:
此例为只有叶子节点才有checkbox ,如改成cascadeCheck = “true” 则,每一节点都有checkbox,在jquery.easyui.min.js中的2000行可以了解
Animate 是控制显示子节点的速度。在jquery.easyui.min.js中的2000行可以了解
下面我们看看,怎么在编辑页面初始化数据:
Industry是组合框的id,我们需要使用页面元素调用combotree是组合框函数头来做相关处理,
onBeforeExpand:function(node) 这个是重写combotree的函数,函数作用是在点击节点前做处理;
这个是为了实现异步加载子节点,为了实现异步加载子节点,在后台拼接Json数据时需要在节点属性加:state:\"closed\" ,$('#industry').combotree("tree").tree
("options").url 是访问后台获取子节点的url地址;
还有其他的函数,比如
onafterExpand:function(node): 点击节点后的处理,可以参考ztree的有关函数
onSelect:function(node)
更多combotree的方法:
方法
方法继承至 combo,以下是combotree新增和重写的方法.
var t = $('#cc').combotree('tree'); // 得到树对象
var n = t.tree('getSelected'); // 得到选择的节点
这里经过实践测试应该使用t.tree('getChecked');
alert(n.text);loadDatadata加载本地tree数据.
示例代码:
$('#cc').combotree('loadData', [{ id: 1, text: 'Languages', children: [{ id: 11, text: 'Java' },{ id: 12, text: 'C++' }] }]);reloadurl重新请求远程服务器端数据. 传入'url'参数重写原始的URL值.clearnone清除组件值.setValuesvalues设置组件值数组.
示例代码:
$('#cc').combotree('setValues', [1,3,21]);setValuevalue设置组件值.
示例代码:
$('#cc').combotree('setValue', 6);
- 学习使用easy-ui中combotree插件文档
- 学习使用easy-ui中combotree插件文档
- Easy-UI combotree多选
- easy ui combotree 取值
- Easy UI Combotree选中项样式问题的hack
- easy-ui插件收获
- jQuery easy ui中datagrid的使用
- easy ui 中动态TreeGrid的使用
- 【前端】easy UI自定义插件
- Easy-Ui 学习笔记
- easy ui 简单使用
- easy ui 使用总结
- JQuery Easy UI 使用
- jQuery Easy UI 使用
- Easy-UI combobox使用
- Easy UI使用记录
- Jquery Easy UI学习(一)datagrid的使用
- 在asp.net mvc3中使用combogrid jquery easy ui
- ResNet && DenseNet(原理篇)
- javaScript跨域总结和相关解决办法大全
- 类库 (二)
- RxBus-实现EventBus之Sticky
- android ---Intent示例大全
- 学习使用easy-ui中combotree插件文档
- 同一个表单中使用多个不同submit将不同功能提交到同一servlet中的不同操作的实现
- ORACLE数据库-函数
- Android--解析JSON格式数据
- spring报错“Failed to import bean definitions from relative location
- X-Plane 10 wing flex dataref
- permission denied for this window type
- 网络通信错误码转换
- PCB布局,布线技巧总结