Extjs SearchField 应用

最新推荐文章于 2021-02-01 03:25:35 发布

weixin_34301307

最新推荐文章于 2021-02-01 03:25:35 发布

阅读量318

点赞数

文章标签： json ux javascript ViewUI

原文链接：https://my.oschina.net/moks/blog/208777

版权

为什么80%的码农都做不了架构师？>>>

// Search Field 的应用
// <1>导入JS
<script type="text/javascript" src="/js/Extjs/ux/SearchField.js"></script>

// <2> 定义SearchField组件放到tbar上面
var searchField = new Ext.ux.form.SearchField({
                width:140,
                store: store,
                id:'searchField',
                paramName: 'q',
                // Add event
                onTrigger2Click:function(f,e){  // Search button event
                        var v = this.getRawValue();  // 获取搜索框输入的值
                        // 拼接条件-----------------------BEG
                        var filterValue = "[";
                        var rowIndex = keyNameStore.getCount();
                        for(var i=0;i<rowIndex;i++){
                            var record = keyNameStore.getAt(i);
                            var fields = Ext.util.JSON.encode(record.data);
                            var fieldObj = Ext.util.JSON.decode(fields);
                            filterValue += "{keyName:"+"'"+fieldObj.value+"',";
                            filterValue += "logic:"+"'like',";
                            filterValue += "keyValue:"+"'"+v+"',";
                            filterValue += "keyType:"+"'stirng'}";
                            if(i!=(rowIndex-1)){
                              filterValue+= ",";
                            }else{
                              filterValue+= "]";
                            }
                         // 拼接条件-----------------------END
                        } //for--------END
      // 设置传回后台的参数                  
      store.baseParams['filterinfo'] = Ext.util.JSON.encode(Ext.util.JSON.decode(filterValue));
      store.load({ params: { start: 0, limit: pagesize} });
                  } // onTrigger2Click:function ---END
});
//-----------------------------UPD:Select record operation-----------------------END

// 辅助：
// 可调用SearchFiled  onTrigger2Click方法
var searchFiledObj = Ext.getCmp('searchField');
searchFiledObj.setRawValue(s_psrName);
searchFiledObj.onTrigger2Click();

转载于:https://my.oschina.net/moks/blog/208777