easyui combotree 只选中子节点

本博客适用于jQuery EasyUI 1.5.1版本

本人在开发中根据项目需求,需要用到easyui-combotree组件,选中时只能选中叶子节点,根节点不能被选中,查找api发现easyui相对于combotree的事件扩展自组合(combo)和树(tree)

查阅相关资料,网上有两种方式

(1)在onselect事件中判断

easyui combotree 只选中子节点_第1张图片

能够实现根节点不能选中,但是页面会有报错,说是方法不存在,报错信息如下:

easyui combotree 只选中子节点_第2张图片

(2)在onBeforeSelect事件中添加判断


这种做法也可实现根节点不被选中,但是当点击根节点时,根节点虽未被选中但是下拉列表已隐藏,

针对以上两种情况本人对源码进行了小小变动,变动如下:

easyui combotree 只选中子节点_第3张图片

这样就能实现只能选中子节点,根节点不被选中。但是修改后再使用combotree组件时根节点都不能被选中,由于本人项目中combotree组件使用不多,修改后没有什么影响,就能否在所需要的js中重写onClick事件实现仍需研究,见后续博客。

新手上路,写的不好的地方,希望海涵。

你可能感兴趣的:(easyui combotree 只选中子节点)