combotree name属性变更以及增加删除图标

作者: saintkl | 来源:发表于2017-11-17 15:18 被阅读0次

combotree name属性变更以及增加删除图标
JS 对象基本用法
js删除元素方法
删除指定时间之前的文件
对象添加、删除属性
LDAP常用操作
ubuntu XMind创建快捷方式
C#窗体 2019-02-14
js delete 删除对象属性
Reflect

一、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();
                }
})