Grid Search Plugin for Ext 4.x [updated]

[vicvolk]

In extjs 4.1.1 this plug-in unfortunately causes some terrible mess-up.

[vicvolk]

This mess-up happens because of some conflict with Ext.tip.QuickTipManager. Inside the definition of register function:

register:function(){b.register.apply(b,arguments)}

I had to check whether b is defined, so now it is

register:function(){if(b!==undefined)b.register.apply(b,arguments)}

And now it works perfectly.

[unnamed_dev]

little mod for 4.2x

attachEvent now unavalible

     init: function(grid) {
         var me = this,
         view = me.view;


         me.callParent(arguments);
         grid.on({
             afterrender: function() {
                 me.onRender();
             },
             single: true
         });
     },

code really dirty

[extjsquicklearner]

WIll this work with extjs 2.3 ?
how should i add it to the existing one ?

[berend]

To avoid having to huntdown the latest ExtJS 4.2 patches, I've put it all on github: https://github.com/berenddeboer/Ext....ture.Searching

[jacinth_1215]

Hi Guys,

I'm having a problem with the mode local or remote..

Actually if I use local it would return values based on the values I enter like
when I type 'a' all values that start with 'a' returns but

if I use remote it needs 4 characters to return since I'm using a query 'SELECT LIKE '%%' ' ...
Can anyone help me that the remote would return values even I just enter one character..???

[ivanleblanc]

Hi Guys,

I'm having a problem with the mode local or remote..

Actually if I use local it would return values based on the values I enter like
when I type 'a' all values that start with 'a' returns but

if I use remote it needs 4 characters to return since I'm using a query 'SELECT LIKE '%%' ' ...
Can anyone help me that the remote would return values even I just enter one character..???

I don't quite understand what your saying.
you said "If I use remote it needs 4 characters" how many characters it needs is a config setting:
minChars
are you setting that? If you set

minChars: 1

then when the search textfield reaches 1 char then the search will be fired.

[jacinth_1215]

I don't quite understand what your saying.
you said "If I use remote it needs 4 characters" how many characters it needs is a config setting:
minChars
are you setting that? If you set

minChars: 1

then when the search textfield reaches 1 char then the search will be fired.

Hello ivanleblanc,

What actually searching for is right exactly what you understand. Thanks so much and sorry for my bad English.

[shankar8rajah1]

Hi,

I am using this plugin which works great! I was wondering, I put this on a toolbar, but the x is not going all the way to the end. I used Firebug and noticed a small empty box at the end (it used to be white, I changed the color to blue). How can I get rid of this so that the search is aligned properly?

box.JPG

[ivanleblanc]

Hi,

I am using this plugin which works great! I was wondering, I put this on a toolbar, but the x is not going all the way to the end. I used Firebug and noticed a small empty box at the end (it used to be white, I changed the color to blue). How can I get rid of this so that the search is aligned properly?

box.JPG

Whether the second image is there or not is determined by the minChars config setting.
If you dont have a minChars then the Search icon appears and it looks fine.
If you do have a minChars set then the second icon should disappear.
Heres that code copied from Searching.js

// add input field (TwinTriggerField in fact)
this.field = Ext.create('Ext.form.TwinTriggerField', {
    width: this.width,
    qtip: 'ddd',
    selectOnFocus: undefined === this.selectOnFocus ? true : this.selectOnFocus,
    trigger1Cls: 'x-form-clear-trigger',
    trigger2Cls: this.minChars ? 'x-hidden' : 'x-form-search-trigger',
    onTrigger1Click: Ext.bind(this.onTriggerClear, this),
    onTrigger2Click: this.minChars ? Ext.emptyFn : Ext.bind(this.onTriggerSearch, this),
    minLength: this.minLength
});

When inspecting the empty image in the browser you can see that 'x-hidden' is applied to hide the image but the TD is still there. I'm thinking this must be a Ext version issue. They must have changed the layout of the Triggers on this TriggerField. If I come up with a solution I'll post it.
Unfortunately I rarely use this grid feature with a minChars set, so never really noticed it was doing that.