Jquery easyui的combobox的默认“请选择”“全部”扩展
来源:互联网 发布:mac 网页开发工具 编辑:程序博客网 时间:2024/05/21 06:28
扩展版本1.2.2:
1、首先在<input type="text" class="combo-text">上面添加一段用来显示默认文字的代码。
<span class="combo-defaultText"></span>
位置在
var _5c8=$("<input type=\"text\" class=\"combo-text\">").appendTo(span);之前加上
$("<span class=\"combo-defaultText\"></span>").appendTo(span);
2、样式:
.combo-defaultText{
float:left;
position:absolute;
padding:3px 0 0 3px;
color:#4e4e4;
}
3、添加默认属性defaultText:
$.fn.combo.defaults=$.extend({},$.fn.validatebox.defaults,{width:"auto",defaultText:'请选择',panelWidth:null,panelHeight:200,。。。。。。。。。。
4、初始化时将相应的文本添加到输入框中
位置,在_5c1.find("input.combo-text").width(_5c0);之上添加
if(_5c1.val().length>0){//判断初始的时候是否有值,如果没值则将默认的值直接放到<span class="combo-defaultText"></span>中
_5c1.find(".combo-defaultText").text(opts.defaultText?opts.defaultText:'');
}
5、在鼠标单击图标的时候,执行如下代码(对应放置,只有if是新添加的):
$(document).bind("mousedown.combo",function(e){
if(_5d1.val().length <=0 ){//4
_5cf.find(".combo-defaultText").text('');}
$("div.combo-panel").panel("close");
});
6、 鼠标焦点输入,及移除时时,置空(3、6为新添加的行)
_5d1.bind("mousedown.combo",function(e){
_5cf.find(".combo-defaultText").text('');//3
e.stopPropagation();
}).bind('focusout.combo',function(e){//6
if(_5d1.val().length <=0 ){
_5cf.find(".combo-defaultText").text(opts.defaultText?opts.defaultText:'');
}})
7、键盘事件(可不写),对应位置新添加即可(5为添加的语句)
if(opts.editable){
setTimeout(function(){
var q=_5d1.val();
if(q.length <=0 ){//5
_5cf.find(".combo-defaultText").text('');
}
if($.data(_5ce,"combo").previousValue!=q){
$.data(_5ce,"combo").previousValue=q;
_5d3(_5ce);
opts.keyHandler.query.call(_5ce,_5d1.val());
_5db(_5ce,true);
}
},10);
}
8、当下拉框打开的时候,置空。在opts.onShowPanel.call(_5d4);之前添加
_5d5.find(".combo-defaultText").text('');//2
opts.onShowPanel.call(_5d4);
9、当给具体的组件赋值的时候,执行:
_5f3.find(".combo-defaultText").text('');放置于_5f4.val(_5f1[i]);之后
注:当前的扩展是针对combo的,而不是combobox。
- Jquery easyui的combobox的默认“请选择”“全部”扩展
- easyui combobox 请选择 全部
- jquery.easyui的ComboBox使用
- easyui的combobox的个人扩展
- EasyUI 默认验证的扩展
- winform将含有超过两列的DataTable值绑定到combobox,并有"请选择"或"全部"选择项
- C#编写的winform程序绑定comboBox成功,添加一个默认的文字选项"请选择"
- EasyUI 系列之 combobox 默认选中第一个 添加请选择选项
- easyui的easyui-combobox
- 【jQuery easyUI】jQuery 获取easyUI combobox选中的值
- jquery 获取easyui combobox选中的值
- jQuery easyui combobox的使用 简单实例
- JQuery EasyUI内Combobox的onChange事件
- jquery 获取easyui combobox选中的值
- Jquery.EasyUI中combobox插件的使用
- jQuery-easyUI的使用:combobox实现联动选择及自动搜索
- jquery easyui combobox设置默认选中项
- jquery easyui combobox设置默认选中项
- 父子窗体的建立
- Android Widget中AppWidget按钮事件
- JMX Monitor Hadoop
- 黑马程序员-集合总结
- 数据库多表连接
- Jquery easyui的combobox的默认“请选择”“全部”扩展
- iOS 网络 string null 判断
- 如何设置系统托盘图标
- 蓝桥杯中一个最短路径问题
- 设计模式1--工厂模式--Java实现
- 计算比较字符串出现的次数
- 解析Android Widget设计与开发(1)
- android其他线程向ui线程发送数据
- javacard开发环境搭建 Eclipse+jcop+jcdk 配置完成的开发环境