Grid Search Plugin

[pantarhei]

i need to select in grid A containing the search plugin only one search parameter, fill the search field with a value coming from a grid B in a "pop up window" and trigger the search plugin in grid A by script from row doubleclick from grid B.

hopefully someone can understand what i need. any ideas?

regards

[jsakalos]

http://extjs.eu/docs/?class=Ext.ux.g...h&member=field

[pantarhei]

thx a lot. i was digging around in the plugin code to find something. but i'm using a kind of very old version. so that field wasn't available. i think an update is needed and recommended.

btw. great work

[nar]

I am sure there is a better way to do this, but this is the first time i've tried to add to an extension.

The goal was to allow the search bar to be moved off the grid so it could support different layouts.

In the onRender function of Ext.ux.grid.Search.js I added:

  if (tb == undefined) {
   tb = Ext.getCmp(this.newLocation);
  }

In the grid I do not have a tbar or bbar defined and I define this in my grid as:

    plugins:[new Ext.ux.grid.Search({
     iconCls:'icon-zoom',
     minChars:2,
     position:top,
     autoFocus:true,
     newLocation: 'statusBar'
    })],

Seems to be working fine for me, thoughts?

[jsakalos]

Any live demo? Sounds interesting and useful.

[mango]

Is there anyway to combine the search box with title bar in grid?

I want to add search box on next to title of the grid, instead of on toolbar.

I hope my question is clear

Thanks,
Sri

[jsakalos]

No, the plugin is for top or bottom toolbar.

[mjlecomte]

Is there anyway to combine the search box with title bar in grid?

I want to add search box on next to title of the grid, instead of on toolbar.

I hope my question is clear

Thanks,
Sri

I think Jay Garcia is working on an extension for this, search and ye shall find.

[nar]

No demo sorry, pretty easy to implement though for anyone that wants to play =). As for use I have the search box coming up in a bar at the bottom of a panel that controls a number of actions for items in the panel (one of the items being a grid). Just for aesthetics mainly, the way my interface was designed it looks odd to use tbar or bbar.

[nar]

Other items that I added that were nice was a id field and a hidden field, this gave me the ability to hide the searchField and the searchButton. This is not as clean as it could be, but I hope it gives ideas to people.

// add menu button
tb.add({
id: 'searchButton' + this.id,
hidden: this.hidden,
text:this.searchText,
menu:this.menu,
iconCls:this.iconCls
});
....
this.field = new Ext.form.TwinTriggerField({
id: 'searchField' + this.id,
hidden: this.hidden,
width:this.width,
selectOnFocus:undefined === this.selectOnFocus ? true : this.selectOnFocus,
trigger1Class:'x-form-clear-trigger',
trigger2Class:this.minChars ? 'x-hide-display' : 'x-form-search-trigger',
onTrigger1Click:this.onTriggerClear.createDelegate(this),
onTrigger2Click:this.minChars ? Ext.emptyFn : this.onTriggerSearch.createDelegate(this),
minLength:this.minLength
});

I have multiple grids in an accordion and save the header of the accordion to create unique values for the buttons.

   grid.searchButtonId = 'searchButton' + store.getAt(i).get("accordionHeader");
   grid.searchFieldId = 'searchField' + store.getAt(i).get("accordionHeader");

Plugins:

    plugins:[new Ext.ux.grid.Search({
     iconCls:'icon-zoom',
     minChars:2,
     autoFocus:true,
     id: store.getAt(i).get("accordionHeader"),
     hidden: true,
     newLocation: 'generalStatusBar'
    }), expander],

On the expand and collapse functions of the accordions parent I add:

    'expand': function (p) {
     Ext.getCmp(p.items.get(0).searchButtonId).show();
     Ext.getCmp(p.items.get(0).searchFieldId).show();
    },
    'collapse': function (p) {
     var searchButtonObject = Ext.getCmp(p.items.get(0).searchButtonId)
     if (searchButtonObject != undefined) {
      Ext.getCmp(p.items.get(0).searchButtonId).hide();
      Ext.getCmp(p.items.get(0).searchFieldId).hide();
     }
    }

Had to add a check of searchButtonObject since the default state of the accordion is collapse, dont need to fire that off at the start.

Hope this makes since, I had to change alot of code for posting.

What this has given me is several grids in an accordion layout, if you expand an item in the accordion with a grid the search button and text field are added to generalStatusBar, if you collapse the item the search button and text field are removed.