combotree(树形下拉框)

含义

树形下拉框结合选择控件和下拉树控件。它与combobox(下拉列表框)类似，但是将下拉列表框的列表替换成了树形控件。该控件支持树状态复选框，方便多选操作。

依赖

• combo
• tree

用法

标签创建

javascript创建

$('#cc').combotree({    
    url: 'get_data.php',    
    required: true   
}); 

属性

属性名	类型	含义	默认值
editable	boolean	用户是否可以直接输入文本到字段中	false

树形下拉框属性扩展自combo(自定义下拉框)和tree(树形控件)，树形下拉框重写的属性如下：

属性名	类型	含义	默认值
editable	boolean	用户是否可以直接输入文本到字段中	false

事件

该控件的事件完全继承自combo(自定义下拉框)和tree(树形控件)。

方法

方法名	参数	含义	列子
options	none	返回属性对象
tree	none	返回树形对象	var t = $('#cc').combotree('tree'); // 获取树对象var n = t.tree('getSelected'); // 获取选择的节点alert(n.text);
loadData	data	读取本地树形数据	$('#cc').combotree('loadData', [{id: 1,text: 'Languages',children: [{id: 11,text: 'Java'},{id: 12,text: 'C++'}]}]);
reload	url	再次请求远程树数据
clear	none	情况控件的值
setValues	values	设置组件值数组	$('#cc').combotree('setValues', [1,3,21]);
setValue	value	设置组件值	$('#cc').combotree('setValue', 6);

树形下拉框方法扩展自combo(自定义下拉框)，树形下拉框新增和重写的方法如下：

方法名	参数	含义	列子
options	none	返回属性对象
tree	none	返回树形对象	var t = $('#cc').combotree('tree'); // 获取树对象var n = t.tree('getSelected'); // 获取选择的节点alert(n.text);
loadData	data	读取本地树形数据	$('#cc').combotree('loadData', [{id: 1,text: 'Languages',children: [{id: 11,text: 'Java'},{id: 12,text: 'C++'}]}]);
reload	url	再次请求远程树数据
clear	none	情况控件的值
setValues	values	设置组件值数组	$('#cc').combotree('setValues', [1,3,21]);
setValue	value	设置组件值	$('#cc').combotree('setValue', 6);

我的demo

image

  
  
  
  
  
  
  
  


  
Basic Form combotree 
    

    

        

          
combotree
          
        

        


          combotree action

          

            SetValue
            GetValue
            Disable
            Enable
          
          
        

        

          
combotree multiple