Description…
The plugin adds a row of configurable form fields below the grid header where the filter values can be typed or selected. As user types the desired values, or on pressing enter, the grid store gets filtered to show only the matching records.
Live Demo
Main Features
- always visible filtering fields and values
- pronounced indication of filtering
- configurable as-you-type or on-enter filtering
- configurable filtering fields (text, combo, date, custom)
- the filter can be disabled for some columns
- reset icon on each field
- plugin control menu (with reset filter option)
- plugs easily in any grid
- very easy to configure
- fully documented
Versions
Version 2.2.2 for Ext 5.x – 27. February 2015
Version 2.2.0 for Ext 5.x – 7. December 2014
- Added support for grouped headers
- Added support for checkbox selection model
- Fixed some bugs and improved stability
Version 2.1.2 for Ext 5.x – 16. October 2014
- Full code review and cleanup
- Full documentation review and correction
- Versions for Ext 4 and Ext 5 merged into one file – easier maintenance and bug fixing
- Fixed tabbing through fields bug
- Support for Sencha Architect 3.0 and 3.1
- Architect versions fully reviewed and repackaged
- Architect packages are now included in the download bundle
- One download file now contains all available versions for easier handling
Version 2.0.0 for Ext 5.x – 11. September 2014
While version 1 of MultiSearch plugin worked in Ext 5, it was actually ported version designed and written for Ext 4. That limited full leverage of new MVVM architecture that allows configuration without initComponent.
Version 2 has been designed from the ground up with Ext 5 in mind. It removes the aforementioned limitations so that the store can be bound to viewmodel. The other configuration patterns such as initComponent or direct config still work.
Furthermore, grid reconfigure is supported.
Version 1.0.0 for Ext 4.x – 12. April 2014
Product Images
Note: These images show version 1.0.0
Design Goals
Many business applications store a huge number of records (thousands, millions) in the server databases what makes it difficult to present them to users. Standard paging grids or infinite scrolling grids do not solve the problem. Users usually want to find one or a few related records to work with.
While core Ext has a filtering plugin, it is somewhat awkward to use as the user needs many clicks to enter a filtering value. Also, the effective values are not directly visible in the filtered grid.
So the main goal was to provide easy-to-use, straightforward user interface with the minimum number of user actions needed to enter and see the filtering values.
For developers, the plugin must be easy to configure, however, advanced configurations must be possible.
[wp_eStore_saki_add_to_cart id=4]Quick Start Guide
- Extract the downloaded zip file anywhere in your http server accessible folder
- Navigate to http://localhost/where-you-unzipped/saki-grid-multisearch/docs
- Follow the instructions in the Getting Started Guide
Using Ext Grid MultiSearch Plugin Video
Known Problems
None.
Roadmap
- make the plugin stateful
- add the possibility to name and save filters
I have the version for Ext 6.2.x working in one of my projects so if you purchased it, send an e-mail to learn@learnfromsaki.com and you’ll get the 6.2 compatible GMS package.
Looking for the Architect plugin for Ext 6.2.x. Support for Ext 5 ends this year. Thanks for the great product and will be grateful to have the plugin at your earliest convenience.
I can confirm that this DOES work with the latest ExtJs 6.2. I simply copied this MultiSearch.js into my app/lib folder. I tried contacting the author but never did receive a response so I would imagine there is no support. However the code seems to be well written, so we should be able to fix ourselves if we run into issues.
Also we are waiting for the version for extjs 6.
Thanks so much.
We are also looking for the update for ExtJs 6.x. When will it be available?
Hi Saki,
Thanks for the great search option for ExtJS Grid for version 5. It works great!
When can we expect the plugin for ExtJS 6? I am not able to use the newer features as the MultiSearch grid plugin in now available for ExtJS 6. Your help is much appreciated.
Regards,
George.
Thanks, I’ve bought this stuff and its looking very promising, but I have two other questions:
* how to add something like greater than or less than a date (if you use a datefield)
* when the user selects/enters a value I would like to transform the selected value before putting it into the value field of the filter (so the value in the field value is textual different from that shown in the datefield)
Hi,
The ExtJS Grid MultiSearch Plugin license, is that for the EXTJS 5.x version or both 4.x and 5.x?
Or, is 5.x version backwards compatible with 4.x?
Any plans to release for 6.x?
Thanks
I am still getting a browser console error when I use a checkbox selection model on my grid. The error goes away if i remove the selection model.
Error: Uncaught TypeError: Cannot read property ‘getWidth’ of undefined.
Browser: Chrome 45.0.2454.99 m
ExtJs: 4.2.1
MutiSearch: 2.2.0
Any ideas??