Ext.net ComboBox模糊匹配store数据

前台代码:


 <ext:ComboBox ID="cbVcode" runat="server" FieldLabel="申请车号<font color='red'>*</font>" EmptyText="请输入申请车牌号"
                                                    AllowBlank="false" BlankText="申请车号不能为空" StoreID="StoreVcode" ValueField="VCode"
                                                    DisplayField="VCode"  ForceSelection="true" Mode="Local" >
                                                    <Triggers>
                                                        <ext:FieldTrigger Icon="Clear" HideTrigger="true" Qtip="清空内容" />
                                                    </Triggers>
                                                    <Listeners>
                                                        
                                                        <Select Handler="this.triggers[0].show();cbVcodeSelect();" />
                                                        <BeforeQuery Fn="comBoxValueSelect"/>
                                                        <TriggerClick Handler="if (index == 0) { this.clearValue(); this.triggers[0].hide(); #{cbOilInfo}.clearValue();#{txtDriver}.reset();}" />
                                                        
                                                    </Listeners>
                                                </ext:ComboBox>


js代码:


 ///ComboBox 模糊匹配store数据
 var comboxCoun = 0;
 var comBoxValueSelect = function (e) {
     //e.triggers[0][e.getRawValue().toString().length == 0 ? 'hide' : 'show']();

     var com = e.combo;
     //第一次输入一个值就绑定ComboBox
     if (comboxCoun == 0) {
         com.onLoad();
         comboxCoun = 1;
     }
     if (!e.forceAll) {
         var value = e.query;
         com.store.filterBy(function (record, id) {
             var text = record.get(com.displayField);
             return (text.indexOf(value) != -1);
         });
         //com.collapse();
         com.expand();
         return false;
     }
     if (com.getRawValue().length > 0) {
         com.triggers[0].show();
     }
     else {
         com.triggers[0].hide();
     }
     //用自己的过滤规则,如写正则式 return (text.indexOf(value)!=-1); }); combo.expand(); return false; } });
 }


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

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值