网博开发者社区

 找回密码
 立即注册
搜索
查看: 262|回复: 0

jQuery EasyUI 入门(21)

[复制链接]

47

主题

54

帖子

210

积分

老师

积分
210
发表于 2017-11-22 12:30:53 | 显示全部楼层 |阅读模式
ComboTree(树形下拉框)
扩展自$.fn.combo.defaults和$.fn.tree.defaults。使用$.fn.combotree.defaults重写默认值对象。
树形下拉框结合选择控件和下拉树控件。它与combobox(下拉列表框)类似,但是将下拉列表框的列表替换成了树形控件。该控件支持树状态复选框,方便多选操作。
用法
使用标签创建树形下拉框。


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

        <select id="cc" class="easyui-combotree" style="width:200px;"  data-options="url:'get_data.php',required:true"></select>
使用Javascript创建树形下拉框。


  • <input id="cc" value="01">

        <input id="cc" value="01">


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

        $('#cc').combotree({                url: 'get_data.php',                required: true        });
属性
树形下拉框属性扩展自combo(自定义下拉框)和tree(树形控件),树形下拉框重写的属性如下:
属性名属性值类型描述默认值
editableboolean定义用户是否可以直接输入文本到字段中。false
事件
该控件的事件完全继承自combo(自定义下拉框)和tree(树形控件)。
方法
树形下拉框方法扩展自combo(自定义下拉框),树形下拉框新增和重写的方法如下:
方法名方法参数描述
optionsnone返回属性对象。
treenone返回树形对象。以下的例子显示了如何得到选择的树节点。 var t = $('#cc').combotree('tree');        // 获取树对象var n = t.tree('getSelected');                // 获取选择的节点alert(n.text);
loadDatadata读取本地树形数据。 代码示例:
$('#cc').combotree('loadData', [{        id: 1,        text: 'Languages',        children: [{                id: 11,                text: 'Java'        },{                id: 12,                text: 'C++'        }]}]);
reloadurl再次请求远程树数据。通过'url'参数重写原始URL值。
clearnone清空控件的值。
setValuesvalues设置组件值数组。 代码示例:
$('#cc').combotree('setValues', [1,3,21]);
setValuevalue设置组件值。 代码示例:
$('#cc').combotree('setValue', 6);

回复

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

Archiver|手机版|小黑屋|网博开发者社区 ( 苏ICP备05021715号-1 )

GMT+8, 2018-4-25 09:18 , Processed in 0.074745 second(s), 26 queries .

Powered by Discuz! X3.1

© 2001-2013 Comsenz Inc.

快速回复 返回顶部 返回列表