jquery easyUI ComboTree使用方法
2014-02-27 11:03
776 查看
转载至:http://blog.sina.com.cn/s/blog_4b5bc01101017fzp.html
继承至 $.fn.combo.defaults 和$.fn.tree.defaults.覆盖默认值$.fn.combotree.defaults.
combotree结合选择控制和下拉树,类似于combobox只是替换了列表为tree控件,combotree
支持树复选框,可以方便的实现多选
combo
tree
从标记创建combotree
<select id="cc" class="easyui-combotree" style="width:200px;"data-options="url:'get_data.php',required:true"></select>
使用javascript创建combotree
<input id="cc" value="01">
$('#cc').combotree({url: 'get_data.php',required: true});
属性继承至 combo 和 tree, 以下是combotree重写属性.
事件继承至 combo 和 tree.
方法继承至 combo,以下是combotree新增和重写的方法.
继承至 $.fn.combo.defaults 和$.fn.tree.defaults.覆盖默认值$.fn.combotree.defaults.
combotree结合选择控制和下拉树,类似于combobox只是替换了列表为tree控件,combotree
支持树复选框,可以方便的实现多选
相关依赖
combotree
使用
从标记创建combotree<select id="cc" class="easyui-combotree" style="width:200px;"data-options="url:'get_data.php',required:true"></select>
使用javascript创建combotree
<input id="cc" value="01">
$('#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'); // 得到选择的节点 这里经过实践测试应该使用t.tree('getChecked'); 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); |
相关文章推荐
- jQuery EasyUI ComboTree在ASP.NET MVC中的使用
- easyui中使用jquery或js动态添加元素时出现的样式失效的解决方法
- ASP.NET中使用后端代码注册脚本 生成JQUERY-EASYUI的界面错位的解决方法
- jquery easyUI ComboTree使用心得
- jQuery offset方法结合easyui-menu进行使用
- Easyui中使用jquery或js动态添加元素时出现的样式失效的解决方法
- 当使用easyui时,jquery的设置disabled属性方法失效
- 当使用easyui时,jquery的设置disabled属性方法失效
- jquery jqueryeasyui共同使用对象深度复制的方法
- ASP.NET中使用后端代码注册脚本 生成JQUERY-EASYUI的界面错位的解决方法
- 当使用EasyUI时,需要的Field属性是子属性时候,除了formatter和修改jquery.easyui.min.js的方法
- Easyui中使用jquery或js动态添加元素时出现的样式失效的解决方法
- jQuery easyUI combotree和combobox使用实例
- Easyui中使用jquery或js动态添加元素时出现的样式失效的解决方法
- Easyui中使用jquery或js动态添加元素时出现的样式失效的解决方法
- Easyui中使用jquery或js动态添加元素时出现的样式失效的解决方法
- 当使用easyui时,jquery的设置disabled属性方法失效
- jQuery easyUI combotree和combobox使用实例
- Easyui中使用jquery或js动态添加元素时出现的样式失效的解决方法
- html5的自定义data-*属性和jquery的data()方法的使用示例