菜单

Easyui自定义下拉框组件使用详细解释_jquery_脚本之家,树型下拉框

2020年3月16日 - 新闻中心
Easyui自定义下拉框组件使用详细解释_jquery_脚本之家,树型下拉框

本文实例为大家分享了Jquery
Easyui自定义下拉框组件的实现代码,供大家参考,具体内容如下

本节课重点了解EasyUI中Tree(树)组件的使用方法,
这个组件依赖于Combo(下拉框)
和 Tree(树)组件。
一. 加载方式
//class 加载方式
<select id=”cc” class=”easyui-combotree” style=”width:200px;”
data-options=”url:’tree.json’,required:true”></select>
//JS 加载方式
<input type=”text” id=”box”>
$(‘#box’).combotree({
url : ‘tree.json’,
Easyui自定义下拉框组件使用详细解释_jquery_脚本之家,树型下拉框。required : true,
});

加载方式

 

自定义下拉框不能通过标签的方式进行创建。

二. 属性列表

   $ { //JS &#21152;&#36733;&#35843;&#29992; $.combo({ required : true, multiple : true, }); }); 

图片 1

属性列表

//属性列表,形下拉框属性扩展自 combo(自定义下拉框)和 tree(树形控件),
$(‘#box’).combotree({
url : ‘tree.json’,
required : true,
editable : true,
});
PS:该控件的事件完全继承自 combo(自定义下拉框)和 tree(树形控件)

 $.combo({ width : 300, height : 50, panelWidth : 300, panelHeight : 200, disabled : false, hasDownArrow : false, delay : 50, editable : true, readonly : false, required : true, multiple : true, }); 

 

事件列表

三. 方法列表
树形下拉框方法扩展自 combo(自定义下拉框)。

  $.combo({ required : true, multiple : true, onShowPanel : function ; }, onHidePanel : function () { alert; }, onChange : function () { alert; 

图片 2

方法列表

//部分方法
var t = $(‘#box’).combotree(‘tree’);
console.log(t.tree(‘getSelected’));
$(‘#box’).combotree(‘loadData’, [
{
text : ‘加载’
}
]);
$(‘#box’).combotree(‘reload’);
$(‘#box’).combotree(‘clear’);
$(‘#box’).combotree(‘setValues’, [1,2]);
$(‘#box’).combotree(‘setValue’, 1);

//返回属性对象 console.log.combo; //返回下拉面板对象 console.log.combo; //返回文本框对象 console.log.combo; //销毁组件 $.combo; //禁用和启用 $.combo.combo; //调整到默认宽度 $.click { $.combo; }); //显示下拉面板 $.click { $.combo; //隐藏下拉面板 $.combo; //启用禁用,true 可不填,false 则为不启用 $.combo; //验证文本框内的值是否合法 $.click { console.log.combo; //清空文本框内容 $.dblclick { $.combo; //重置文本框到初始状态 $.dblclick { $.combo; //得到文本框字符串 $.click { console.log.combo; //设置文本框字符串 $.click { console.log.combo; //获取组件的 Value 值 $.click { console.log.combo; console.log.combo; //可以使用$.fn.combo.defaults 重写默认值对象。

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持脚本之家。

相关文章

发表评论

电子邮件地址不会被公开。 必填项已用*标注

网站地图xml地图