jquery easyUI ComboTree使用心得

继承至 $.fn.combo.defaults 和$.fn.tree.defaults.覆盖默认值$.fn.combotree.defaults.

combotree结合选择控制和下拉树,类似于combobox只是替换了列表为tree控件,combotree 支持树复选框,可以方便的实现多选

相关依赖

• combo
• tree

使用

从标记创建 combotree 

使用javascript创建 combotree 

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

属性

属性继承至 combo 和 tree, 以下是combotree重写属性.

Name	Type	Description	Default
editable	boolean	定义用户是否可以直接输入文本到选择框.	false

事件

事件继承至  combo 和 tree.

方法

方法继承至 combo,以下是combotree新增和重写的方法.

Name	Parameter	Description
options	none	返回 options 对象.
tree	none	返回树(tree)对象. 以下示例展示如何得到选择的树节点(node). var t = $('#cc').combotree('tree'); // 得到树对象  var n = t.tree('getSelected'); // 得到选择的节点  alert(n.text);
loadData	data	加载本地tree数据. 示例代码: $('#cc').combotree('loadData', [{ id: 1, text: 'Languages', children: [{ id: 11, text: 'Java' },{ id: 12, text: 'C++' }] }]);
reload	url	重新请求远程服务器端数据. 传入'url'参数重写原始的URL值.
clear	none	清除组件值.
setValues	values	设置组件值数组. 示例代码: $('#cc').combotree('setValues', [1,3,21]);
setValue	value	设置组件值. 示例代码: $('#cc').combotree('setValue', 6);

显示和隐藏easyui combobox

显示和隐藏easyui combobox代码如下：

//隐藏 state为comboboxid
        function hide(){
             $( "#state + .combo" ).hide();
        }
        //显示 state为comboboxid
        function show(){
             $( "#state + .combo" ).show();
        }

直接调用上面方法就可以了