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萬+
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章