码迷,mamicode.com
首页 > 其他好文 > 详细

EasyuI comboxTree 使用笔记

时间:2016-11-23 12:12:16      阅读:300      评论:0      收藏:0      [点我收藏+]

标签:efault   远程   desc   数据   输入   远程服务器   checked   tle   使用   

继承至 $.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重写属性.

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

事件

事件继承至 combo 和 tree.

方法

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

NameParameterDescription
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); 

 

//-------------------------------------------------------编辑的时候选中 comboxtree中的项------------------------------------------------------

for (i=0;i<arr.length ;i++ ){
  node=$(‘#s1‘).combotree(‘tree‘).tree(‘find‘,arr[i]);
  $(‘#s1‘).combotree(‘tree‘).tree(‘check‘,node.target);
  $(‘#s1‘).combotree(‘tree‘).tree(‘expandAll‘, node.target);
}

EasyuI comboxTree 使用笔记

标签:efault   远程   desc   数据   输入   远程服务器   checked   tle   使用   

原文地址:http://www.cnblogs.com/zengpeng/p/6092853.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!