$(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