Jquery easyui中combobox的默认“请选择”“全部”扩展示例
jquery easyui请选择全部combocombobox
扩展版本1.2.2:
1、首先在<input type="text" class="combo-text">上面添加一段用来显示默认文字的代码。
<span class="combo-defaultText"></span>
位置在
$("<span class=\"combo-defaultText\"></span>").appendTo(span);
2、样式:
float:left;
position:absolute;
padding:3px 0 0 3px;
color:#4e4e4;
}
3、添加默认属性defaultText:
4、初始化时将相应的文本添加到输入框中
位置,在_5c1.find("input.combo-text").width(_5c0);之上添加
_5c1.find(".combo-defaultText").text(opts.defaultText?opts.defaultText:'');
}
5、在鼠标单击图标时,执行如下代码(对应放置,只有if是新添加的):
if(_5d1.val().length <=0 ){//4
_5cf.find(".combo-defaultText").text('');}
$("div.combo-panel").panel("close");
});
6、 鼠标焦点输入,及移除时时,置空(3、6为新添加的行)
_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为添加的语句)
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);之前添加
opts.onShowPanel.call(_5d4);
9、当给具体的组件赋值时,执行:
注:当前的扩展是针对combo的,而不是combobox。
您可能感兴趣的文章:
Jquery easyui中combobox的默认“请选择”“全部”扩展示例
jquery easyui combobox模糊过滤(示例代码)
Magic Grid Combobox
jquery easyui表单重置扩展思路
jquery easyui combox一些实用的小方法
Extjs4实例:Form下拉列表combobox的使用
Jquery插件 easyUI属性汇总
JQueryEasyUI datagrid框架的基本使用
jquery easyui中combobox设为只读
datagrid框架的删除添加与修改