欢迎来到.net学习网

欢迎联系站长一起更新本网站!QQ:879621940

您当前所在位置:首页 » JQuery EasyUI 1.3.6官方API文档中文版 » 正文

最新评论

ComboTree(树形下拉框)

创建时间:2014年08月30日 09:13  阅读次数:(11931)
分享到:

ComboTree(树形下拉框)

扩展自$.fn.combo.defaults和$.fn.tree.defaults。使用$.fn.combotree.defaults重写默认值对象。

树形下拉框结合选择控件和下拉树控件。它与combobox(下拉列表框)类似,但是将下拉列表框的列表替换成了树形控件。该控件支持树状态复选框,方便多选操作。

依赖关系

  • combo
  • tree

 

用法

使用标签创建树形下拉框。

  1. <select id="cc" class="easyui-combotree" style="width:200px;"  
  2.         data-options="url:'get_data.php',required:true"></select>  

使用Javascript创建树形下拉框。

  1. <input id="cc" value="01">  
  1. $('#cc').combotree({   
  2.     url: 'get_data.php',   
  3.     required: true  
  4. });  

 

属性

树形下拉框属性扩展自combo(自定义下拉框)和tree(树形控件),树形下拉框重写的属性如下:

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

 

事件

该控件的事件完全继承自combo(自定义下拉框)和tree(树形控件)。

 

方法

树形下拉框方法扩展自combo(自定义下拉框),树形下拉框新增和重写的方法如下:

方法名 方法参数 描述
options none 返回属性对象。
tree none 返回树形对象。以下的例子显示了如何得到选择的树节点。
var t = $('#cc').combotree('tree');	// 获取树对象
var n = t.tree('getSelected');		// 获取选择的节点
alert(n.text);
loadData data 读取本地树形数据。

代码示例:

$('#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);
0
来源:
说明:所有来源为 .net学习网的文章均为原创,如有转载,请在转载处标注本页地址,谢谢!
【编辑:Wyf】

打赏

取消

感谢您的支持,我会做的更好!

扫码支持
扫码打赏,您说多少就多少

打开支付宝扫一扫,即可进行扫码打赏哦

最新评论

共有评论10条
  • #1楼  评论人:匿名  评论时间:2015-11-4 17:30:05
  • 狗屁 就知道黏贴
  • #2楼  评论人:ww  评论时间:2016-1-28 9:36:26
  • ww
  • #3楼  评论人:ww  评论时间:2016-1-28 9:36:26
  • ww
  • #4楼  评论人:ww  评论时间:2016-1-28 9:36:27
  • ww
  • #5楼  评论人:ww  评论时间:2016-1-28 9:36:27
  • ww
  • #6楼  评论人:ww  评论时间:2016-1-28 9:36:27
  • ww
  • #7楼  评论人:ww  评论时间:2016-1-28 9:36:27
  • ww
  • #8楼  评论人:ww  评论时间:2016-1-28 9:36:28
  • ww
  • #9楼  评论人:ww  评论时间:2016-1-28 9:36:28
  • ww
  • #10楼  评论人:ww  评论时间:2016-1-28 9:36:28
  • ww
发表评论:
留言人:
内  容:
请输入问题 55+74=? 的结果(结果是:129)
结  果: