jquery easyUI combotree 只允许取舍叶子节点
•发布于   •作者 三国 - 魏  •315 次浏览  •来自 博客

有时候需求combotree只能够选择子叶,非子叶不可选择,找了很多的资料,终于找到了

在tree中有onBeforeSelect事件,说明:

在用户选择一个节点之前触发,返回false可以取消选择动作。

这个就可以很好的解决我们的需求了,好了,开整


1.引入css和js 

<link rel="stylesheet" type="text/css" href="themes/default/easyui.css">  
<script type="text/javascript" src="js/jquery-1.7.2.min.js"></script>  
<script type="text/javascript" src="js/jquery.easyui.min.js"></script>  

2.加入标签

<input id="test" name="test" />

:id,用于js操作;name,用于获取值 

3.加入js代码 

$('#test').combotree( {  
    //获取数据URL  
    url : 'Data',  
    //选择树节点触发事件  
    onBeforeSelect: function(node) {          //返回树对象  
        var tree = $(this).tree;  
        //选中的节点是否为叶子节点,如果不是叶子节点,清除选中  
        var isLeaf = tree('isLeaf', node.target);  
        if (!isLeaf) {  
            //清除选中  
            return false;
        }  
    }  
});  


这就可以了

0 回复
回到顶部

©2017 Powered by 三十三行伪代码
皖ICP备17005175号-3