EasyUi中combotree循环获取父节点至根节点并输出路径

前台页面:

<span id="show"></span>
<select id="pid" name="pid" style="width: 200px; height: 29px;"></select>
<a class="easyui-linkbutton" href="javascript:void(0)" onclick="$('#pid').combotree('clear');" >清空</a>

JavaScript页面(包括数据初始化):

$('#pid').combotree({
            url : '${ctx}/village/tree',
            parentField : 'pid',
            lines : true,
            panelHeight : 'auto',
            onSelect : function(result){
         var parent = result;  
                 var tree = $('#pid').combotree('tree');  
                 var path = new Array();  
                 do {  
                     path.unshift(parent.text);  
                     var parent = tree.tree('getParent', parent.target);  
                 } while (parent);  
                 var pathStr = '';  
                 for (var i = 0; i < path.length; i++) {  
                     pathStr += path[i];  
                     if (i < path.length - 1) {  
                         pathStr += ' - ';  
                     }  
                 }  
                $('#show').text(pathStr);          
            }
        });

combotree组件赋值

        if ($(':input[name="id"]').val().length > 0) {
            $.post( '${ctx}/village/get', {
                id : $(':input[name="id"]').val(),
            }, function(result) {
                if (result.id != undefined) {
                    $('#pid').combotree('setValue',result.id); 
                }
            }, 'json');
        };

关键代码在onSelect事件中。

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值