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"));                }            });        });