combotree name属性变更以及增加删除图标
2017-11-17 本文已影响0人
saintkl
一、name属性的变更
用于项目中需要根据返回的数据key不同，生成不同name属性的combotree，
实现思路：
- 如果combotree已经存在，需要先销毁
$("input").combotree('destroy');
- 销毁后input也一同移除，需要预先准备好这个输入框
var $tree=$('<input type="text" class="easyui-combotree" placeholder="请选择"/>');
3.重新调用；
$("input").combotree('',{data:treedata,onChange:function () {
treechange("input")
}
});
function treechange(obj){
var t=$(obj).combotree('tree');
var selectinfo=t.tree('getSelected');
if(selectinfo){
switch (selectinfo.type){
case 1://公司
$(obj).siblings(".textbox").find(".textbox-value").prop({"name":"orgCode"});
break;
case 2://路队
$(obj).siblings(".textbox").find(".textbox-value").prop({"name":"teamCode"});
break
}
}
}
| name | use |
|---|---|
| destroy | 销毁树结构 $("input").combotree('destroy'); |
| onChange | $("input").combotree('',{data:treedata,onChange:function (){//do something; }); |
| tree | 返回树（tree）对象$("input").combotree('tree')
|
| getSelected | 获取树几点数据格式 var t =$("input").combotree('tree'); t.tree('getSelected');
|
| data |
data:[{id:"",text:"",key:val....}]其中key可以存放需要的任何信息，用于日后有关数据的处理 |
| icons | 输入框图标数组形式[{iconCls: 'icon-clear',handler: function (e) {//点击图标后的操作}}]
|
| collapseAll | 收起树节点$("input").combotree('tree').tree('collapseAll')
|
| clear | $(input).combotree("clear") |
二 、删除图标
var showIcon = function () {
var icon = $("input").combobox('getIcon', 0);
if (_this.combobox('getValue').length > 0) {
icon.css('visibility', 'visible');
} else {
icon.css('visibility', 'hidden');
}
};
$("input").combotree({
data:treedata,//treedata数组形式参考上图data
icons: [{
iconCls: 'icon-clear',
handler: function (e) {//点击删除图标清空输入框的值
_this.combotree('clear').combotree('tree').tree('collapseAll');
}
}],
onChange: function () {
showIcon();
}
})
