您的位置:首页 > 其它

Combotree 实现树结构-前台页面点击某个结点,input框为xx-xx-xx内容

2018-03-23 10:38 267 查看
    //加载目录树
        $("#column").combotree({
        //后台遍历树结点方法,返回json    

           url : path + "/op/queryPublishColumn.do?id="+id,
            width : '100%',
            height : 34,
            onLoadSuccess: function (node, data) {  
                if (data != null) {  
                    node = $('#selShenqFuwujg').combotree("tree").tree("find", data);  
                }  
            },   
            onSelect: function (dirId) {  
                   //此方法onselect点击后input框xx-xx-xx内容失败,改为onChange
            },
            onChange: function() {
                var tree = $('#column').combotree('tree');
                var selectedNode = tree.tree('getSelected');
                if (selectedNode) {
                    var path = new Array();  
                    do {  
                        path.unshift(selectedNode.text);  
                        selectedNode = tree.tree('getParent', selectedNode.target);  
                    } while (selectedNode);  
                    var pathStr = '';  
                    for (var i = 0; i < path.length; i++) {  
                        pathStr += path[i];  
                        if (i < path.length - 1) {  
                            pathStr += '-';  
                        }  
                    }
                    $('#column').combotree('setValue' , pathStr);
                }
            }
        });
附jsp定义及后台代码:



内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: 
相关文章推荐