EXT3.2 SearchField代码 

 1 /*!
 2  * Ext JS Library 3.2.1
 3  * Copyright(c) 2006-2010 Ext JS, Inc.
 4  * licensing@extjs.com
 5  * http://www.extjs.com/license
 6  */
 7 Ext.ns('Ext.ux.form');
 8 
 9 Ext.ux.form.SearchField = Ext.extend(Ext.form.TwinTriggerField, {
10     initComponent : function(){
11         Ext.ux.form.SearchField.superclass.initComponent.call(this);
12         this.on('specialkey', function(f, e){
13             if(e.getKey() == e.ENTER){
14                 this.onTrigger2Click();
15             }
16         }, this);
17     },
18 
19     validationEvent:false,
20     validateOnBlur:false,
21     trigger1Class:'x-form-clear-trigger',
22     trigger2Class:'x-form-search-trigger',
23     hideTrigger1:true,
24     width:180,
25     hasSearch : false,
26     paramName : 'query',
27 
28     onTrigger1Click : function(){
29         if(this.hasSearch){
30             this.el.dom.value = '';
31             var o = {start: 0};
32             this.store.baseParams = this.store.baseParams || {};
33             this.store.baseParams[this.paramName] = '';
34             this.store.reload({params:o});
35             this.triggers[0].hide();
36             this.hasSearch = false;
37         }
38     },
39 
40     onTrigger2Click : function(){
41         var v = this.getRawValue();
42         if(v.length < 1){
43             this.onTrigger1Click();
44             return;
45         }
46         var o = {start: 0};
47         this.store.baseParams = this.store.baseParams || {};
48         this.store.baseParams[this.paramName] = v;
49         this.store.reload({params:o});
50         this.hasSearch = true;
51         this.triggers[0].show();
52     }
53 });

 

posted on 2014-02-18 15:12  看天空的星星  阅读(346)  评论(0)    收藏  举报

导航