最近带个项目,用的easyui1.3.2版本,发现combotree这个控件用起来不是很人性化,所以就把它的源代码进行了修改,可恨的是源码都经过了加密处理,看起来很是不爽,不过我还是找到了相应的代码,并进行了修改,在我的电脑上测试是没有问题的,如果大家用着有问题可以一起讨论解决!说正题,如下
用的时候发现的问题有如下2点:
1.点击树枝也可以选择,实际应用中大家应该都希望只有点击树叶时才能选择
2.只有点击三角图标才可以展开/收缩,这个及其不方便,那个三角图标又小,改善后点击整个NODE都可以展开/收缩
代码如下:
原代码:
}).bind("click",function(e){ var tt=$(e.target); var _b1=tt.closest("div.tree-node"); if(!_b1.length){ return; } if(tt.hasClass("tree-hit")){ _119(_ad,_b1[0]); return false; }else{ if(tt.hasClass("tree-checkbox")){ _d9(_ad,_b1[0],!tt.hasClass("tree-checkbox1")); return false; }else{ _157(_ad,_b1[0]); _ae.onClick.call(_ad,_b4(_ad,_b1[0])); } } e.stopPropagation(); }).bind("dblclick",function(e){
修改后的代码:
}).bind("click",function(e){ var tt=$(e.target); var _b1=tt.closest("div.tree-node"); if(!_b1.length){ return; } /** * 修改于2013-10-22 * 作用: * 新加的属性onlySelectLeaf:只有点击树叶才被选中,默认为否 * 1.只有点击树叶才被选中(之前点击树枝也可以选择) * 2.点击整个节点都可以展开/收缩(之前只有点击三角图标才可以展开/收缩) */ if(tt.hasClass("tree-checkbox")){ _d9(_ad,_b1[0],!tt.hasClass("tree-checkbox1")); return false; }else{ if(tt.parent().children("span.tree-file").length || (!_ae.onlySelectLeaf && !tt.hasClass("tree-hit"))){ _157(_ad,_b1[0]); _ae.onClick.call(_ad,_b4(_ad,_b1[0])); }else{ _119(_ad,_b1[0]); return false; } } /*********** end ***********/ e.stopPropagation(); }).bind("dblclick",function(e){ 把下面的代码覆盖到上面的代码及可,这个只适用1.3.2其它版本的源代码我没试,可能不一样
相关推荐
EasyUI 1.3.2 API CHM 英文版
EasyUI Tree Combotree 的模糊所搜
C#后台生成json串输出,让 easyui-combotree获取json并绑定,然后取得选中节点的值,的简单例子。
easyui1.3.2及API文档资料,适合前端开发
近期由于参与的一个Web系统项目前台使用了EasyUI作为Web解决方案,所以查了一下EasyUI的相关资料,发现离线的中文API不太多,而且版本都比较老,索性自己讲EasyUI官网给扣下来,然后做了翻译,文档是2月份过年的时候...
自己翻译的Easyui1.3.2中文API
easyUI1.3.2.zip
easyui1.3.2
jQuery EasyUI 1.3.2 API离线文档
包括表结构及数据,后台Controller和实体类,页,及主要js包。 同时成功的图片。jquery,easyui,combotree,search,树形带搜索框。
JQuery easyUI 1.3.2 API及Demo离线版本
easyUI 1.3.2及中文API文档离线版(兼容IE6), 个人亲测可用
Easyui combotree idField扩展Demo,支持自定义idField和textField
easyui1.3.2全站文件(含api,demo,extension等)
jquery-easyui_combotree异步树的生成代码
easyui1.3.2及主题,easyui1.3.2兼容ie7、8、9浏览器。
这需要添加如下字段就行,搜了半天,说什么判断是不是子节点什么的,都是胡扯! onlyLeafCheck:true, //病因分类 $('#artReason').combotree({ width:200, method:'GET', //url: '${ctx}/business/dict/json/...
对于jquery-easyui的combotree 异步树,使用上其实并不会太复杂,但是要搞明白还是比较麻烦的,本代码基本上把异步树的生成和使用都做了示例,JSP部分基本上直接拿来用即可。同时增加了实例代码和修正了上一个上传的...
近期由于参与的一个Web系统项目前台使用了EasyUI作为Web解决方案,所以查了一下EasyUI的相关资料,发现离线的API不太多,而且版本都比较老,索性自己将EasyUI官网给扣下来,做成了一份离线API,由于开发现场是封闭...
EasyUI_API_1.3.2帮助文档