easyui combotree搜索查詢

$(function(){
            //combotree可編輯,自定義模糊查詢  
            $.fn.combotree.defaults.editable = true;  
            $.extend($.fn.combotree.defaults.keyHandler,{  
                up:function(){  
                    console.log('up');  
                },  
                down:function(){  
                    console.log('down');  
                },  
                enter:function(){  
                    console.log('enter');  
                },  
                query:function(q){  
                    var t = $(this).combotree('tree');  
                    var nodes = t.tree('getChildren');  
                    for(var i=0; i<nodes.length; i++){  
                        var node = nodes[i];  
                        if (node.text.indexOf(q) >= 0){  
                            $(node.target).show();  
                        } else {  
                            $(node.target).hide();  
                        }  
                    }  
                    var opts = $(this).combotree('options');  
                    if (!opts.hasSetEvents){  
                        opts.hasSetEvents = true;  
                        var onShowPanel = opts.onShowPanel;  
                        opts.onShowPanel = function(){  
                            var nodes = t.tree('getChildren');  
                            for(var i=0; i<nodes.length; i++){  
                                $(nodes[i].target).show();  
                            }  
                            onShowPanel.call(this);  
                        };  
                        $(this).combo('options').onShowPanel = opts.onShowPanel;  
                    }  
                }  
            }); 
            
        })
<input class="easyui-combotree" style="width:190px;height:28px;"
						data-options="editable:true,prompt:'請選擇',url:'<%=path%>/client/treeList',method:'get',required:true,panelHeight:'300',onBeforeSelect:function(node){checkLeaf(node);},onSelect:function(node){initClient(node);}"/>
//只允許選擇葉子結點
function checkLeaf(node){
	var t = $(this).tree;
	var isLeaf = t('isLeaf',node.target);
	if(!isLeaf){
		return false;
	}
}

//點擊後獲取聯繫人信息
function initClient(node){
	if(node.id){
		$('#c_name').textbox('setValue', node.attributes.contacts);
		$('#c_tel').textbox('setValue', node.attributes.tel);
		$('#c_qq').textbox('setValue', node.attributes.qq);
		$('#c_org').val(node.text);
	}
}

內容參考 https://www.cnblogs.com/m97i/p/7884303.html

發佈了1173 篇原創文章 · 獲贊 261 · 訪問量 198萬+
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章