Jquery Easyui自定义下拉框组件使用详解(21)

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

加载方式

射流研究…调用加载

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

输入id=' box '/script $(function(){//JS加载调用$('#box ').组合({ 0必选：真的，倍数： true，})；});/script属性列表

脚本$('#box ').combo({ width : 300，height : 50，panelWidth : 300，panelHeight : 200，disabled : false，hasDownArrow : false，delay : 50，editable : true，readonly : false，required : true，multiple : true，})；/script事件列表

脚本$('#box ').组合({ 0必选：真的，倍数： true，onshowcpanel : function(){ alert('下拉的时候触发!');}，在仪表板：上函数(){ alert('下拉面板隐藏的时候触发!');}，onChange :函数(){ alert('字段值改变的时候触发!');}, });/script方法列表

//返回属性对象console . log($(“# box”).组合('选项');//返回下拉面板对象console . log($(“# box”).组合('面板');//返回文本框对象console . log($(“# box”).组合框(' textbox ')；//销毁组件$('#box ').组合('销毁');//禁用和启用$('#box ').组合(“禁用”)；$('#box ').组合(“启用”)；//调整到默认宽度$(文档)。单击(函数(){ $('#box ')).combo('resize '，' width ')；});//显示下拉面板$(文档)。单击(函数(){ $('#box ')).组合(“show panel”)；});//隐藏下拉面板$('#box ').组合(“隐藏面板”)；//启用禁用，真的可不填，假的则为不启用$('#box ').combo('readonly '，true)；//验证文本框内的值是否合法$(文档)。单击(function(){ console . log($(“# box”)).组合(“isValid”)；});//清空文本框内容$(文档)。dblclick(function () { $('#box ')).组合(“清除”)；});//重置文本框到初始状态$(文档)。dblclick(function () { $('#box ')).组合('重置');});//得到文本框字符串$(文档)。单击(function(){ console . log($(“# box”)).组合(' GetText ')；});//设置文本框字符串$(文档)。单击(function(){ console . log($(“# box”)).组合(' GetText ')；});//获取组件的价值值$(文档)。单击(function(){ console . log($(“# box”)).组合(' GetVaLue ')；console . log($(“# box”).组合(“GetVaLues”)；});//可以使用$.fn.combo.defaults重写默认值对象。以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持我们。