/ext-4.1.0_b3/docs/extjs/examples/ux/form/SearchField.js

https://bitbucket.org/srogerf/javascript · JavaScript · 59 lines · 49 code · 10 blank · 0 comment · 4 complexity · 728331c44ad35372c122972c3ab73570 MD5 · raw file 

    

  1. Ext.define('Ext.ux.form.SearchField', {
    2. 

  2.     extend: 'Ext.form.field.Trigger',
    3. 

  3.     
    4. 

  4.     alias: 'widget.searchfield',
    5. 

  5.     
    6. 

  6.     trigger1Cls: Ext.baseCSSPrefix + 'form-clear-trigger',
    7. 

  7.     
    8. 

  8.     trigger2Cls: Ext.baseCSSPrefix + 'form-search-trigger',
    9. 

  9.     
    10. 

  10.     hasSearch : false,
    11. 

  11.     paramName : 'query',
    12. 

  12.     
    13. 

  13.     initComponent: function(){
    14. 

  14.         this.callParent(arguments);
    15. 

  15.         this.on('specialkey', function(f, e){
    16. 

  16.             if(e.getKey() == e.ENTER){
    17. 

  17.                 this.onTrigger2Click();
    18. 

  18.             }
    19. 

  19.         }, this);
    20. 

  20.     },
    21. 

  21.     
    22. 

  22.     afterRender: function(){
    23. 

  23.         this.callParent();
    24. 

  24.         this.triggerCell.item(0).setDisplayed(false);
    25. 

  25.     },
    26. 

  26.     
    27. 

  27.     onTrigger1Click : function(){
    28. 

  28.         var me = this,
    29. 

  29.             store = me.store,
    30. 

  30.             proxy = store.getProxy(),
    31. 

  31.             val;
    32. 

  32.             
    33. 

  33.         if (me.hasSearch) {
    34. 

  34.             me.setValue('');
    35. 

  35.             proxy.extraParams[me.paramName] = '';
    36. 

  36.             store.loadPage(1);
    37. 

  37.             me.hasSearch = false;
    38. 

  38.             me.triggerCell.item(0).setDisplayed(false);
    39. 

  39.             me.doComponentLayout();
    40. 

  40.         }
    41. 

  41.     },
    42. 

  42. 

  43.     onTrigger2Click : function(){
    44. 

  44.         var me = this,
    45. 

  45.             store = me.store,
    46. 

  46.             proxy = store.getProxy(),
    47. 

  47.             value = me.getValue();
    48. 

  48.             
    49. 

  49.         if (value.length < 1) {
    50. 

  50.             me.onTrigger1Click();
    51. 

  51.             return;
    52. 

  52.         }
    53. 

  53.         proxy.extraParams[me.paramName] = value;
    54. 

  54.         store.loadPage(1);
    55. 

  55.         me.hasSearch = true;
    56. 

  56.         me.triggerCell.item(0).setDisplayed(true);
    57. 

  57.         me.doComponentLayout();
    58. 

  58.     }
    59. 

  59. });
    60.