ExtJS Grid MultiSearch Plugin


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


Version 2.2.2 for Ext 5.x27. February 2015

Version 2.2.0 for Ext 5.x7. 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.x16. 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.x11. 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.x12. 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.


Quick Start Guide

  1. Extract the downloaded zip file anywhere in your http server accessible folder
  2. Navigate to http://localhost/where-you-unzipped/saki-grid-multisearch/docs
  3. Follow the instructions in the Getting Started Guide

Using Ext Grid MultiSearch Plugin Video

Known Problems



  • make the plugin stateful
  • add the possibility to name and save filters


Follow me:


I'm a well seasoned developer, consultant and educator of web applications based mainly on Sencha libraries, PHP, MySQL and Node.js. Besides (Apple) computers, I love photography and mountain biking.
Follow me:

Latest posts by Saki (see all)

Share on FacebookTweet about this on TwitterShare on LinkedInShare on Google+Pin on PinterestEmail this to someone


  1. Nathan LeBlanc says

    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??

  2. Dimitrios Varsos says


    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?


  3. Marten Feldtmann says

    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)

  4. George Davis says

    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.


  5. michael samaras says

    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.

    • George Davis says

      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.

We will be happy to hear back from you

Please Login to post a comment