JQueryEasyUI 组件 树形下拉框 ComboTree

1，介绍

定义  树形下拉框结合选择控件和下拉树控件 
继承关系  combo   tree

每个节点都具备以下属性：

· id：节点ID，对加载远程数据很重要。

· text：显示节点文本。

· state：节点状态，'open' 或 'closed'，默认：'open'。如果为'closed'的时候，将不自动展开该节点。

· checked：表示该节点是否被选中。

· attributes: 被添加到节点的自定义属性。

· children: 一个节点数组声明了若干节点。

2，属性

属性名	属性值类型	描述
editable	boolean	定义用户是否可以直接输入文本到字段中

命名限制   id  text  children 否则无效

语法

 ComboTree  组件 Json 数据源格式

[
          {
              'ID':1
              'text':第一级信息内容
               'children':[｛
                        'ID':11
                        'text':第二级信息内容
                        'children':[
                ]｝
           }
        ]

数据源中 ID 值不能重复

3，方法

方法名	方法参数类型	描述
getText	none	获取输入的文本
getValue	none	获取组件的值 （ID值）

语法

$("#标签ID").combotree("方法名")

4，实例

<select id="data">
        <option value="0">加载</option>
    </select>
       <a href="#" id="btn" class="easyui-linkbuttion" data-options="iconCls:'icon-add'">获取</a>

 $(function () {
            $("#data").combotree({
                url: 'T8-1.aspx',
                method: 'post',
                editable: false,
                width:180
            })

            $("#btn").linkbutton({
                onClick: function () {
                    console.info($("#data").combotree("getText"));
                    console.info($("#data").combotree("getValue"));
                }
            });
        });