easyui combo 派生类 combobox, combogrid 失去焦点后的输入框的数据验证问题

问题,当我在combobox里输入数据后,直接tab或者鼠标点击其它地方,输入框里的数据不会去匹配是否属于数据源的一项。而回车事件是会激发检验数据的检验。



解决思路:通过实验希望 combo 的下拉框能再用户手动输入数据的情况下也可以自动检验,本质上就是跟enter事件一样


查看源代码发现 combo的inputevents已经没有了blur事件,所以失去焦点的时候类本事没有监听的事件

解决方案,在combo 组件的源码里增加监听 blur事件
<pre name="code" class="javascript">$.fn.combo.defaults=$.extend({},$.fn.textbox.defaults,
{inputEvents:{blur:_8a8,click:_8a2,keyup:_8a6,paste:_8a6,drop:_8a6},
panelWidth:null,panelHeight:200,panelMinWidth:null,panelMaxWidth:null,panelMinHeight:null,panelMaxHeight:null,panelAlign:"left",multiple:false,selectOnNavigation:true,separator:",",hasDownArrow:true,delay:200,
keyHandler:{up:function(e){
},down:function(e){
},left:function(e){
},right:function(e){
},enter:function(e){
},query:function(q,e){
}},
onShowPanel:function(){
},
onHidePanel:function(){
},
onChange:function(_8d6,_8d7){
}});

 方法_8a8(自定义的方法) 内容完全拷贝_8a6方法内容 



function _8a8(e) {
    var _8a7 = e.data.target;
    var t = $(_8a7);
    var _8a8 = t.data("combo");
    var opts = t.combo("options");
    opts.keyHandler.enter.call(_8a7, e);
}


这样就解决了combobox 以及combogrid的失去焦点的时候验证数据的问题

  • 3
    点赞
  • 3
    收藏
    觉得还不错? 一键收藏
  • 1
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值