easyUi combotree 实现动态加载树节点

从源码中可知可以看出combotree 是继承 combo  和 tree两个控件,所以在展开其下级子节点时,把combotree内置的tree的options选项的url重置成一个动态取选择值的url,代码如下:
<label class="ui-label">所属机构:</label><select id="cc" style="width:250px;" ></select >
<input type="hidden" id="groupid" name="groupid">

function initUserGroup() {
        $('#cc').combotree(
                {
                        url : "../sysUserGroup/getUserGroupTreeList.do?pid=0",
                        loadFilter: function(data){
                            return data.list;
                        },
                        onBeforeExpand : function(node) {
                              $('#cc').combotree("tree").tree("options").url = 
                                    "../sysUserGroup/getUserGroupTreeList.do?pid=" + node.id;
                        },
                        onSelect : function(node) {
                                $('#groupid').val(node.id);
                        }
                });
} 


发布了72 篇原创文章 · 获赞 23 · 访问量 29万+
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章