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

[wp_eStore_saki_add_to_cart id=4]

Versions

Version 2.2.2 for Ext 5.x27. February 2015

Version 2.2.0 for Ext 5.x7. December 2014

Version 2.1.2 for Ext 5.x16. October 2014

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.

[wp_eStore_saki_add_to_cart id=4]

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

None.

Roadmap

Author:

Follow me:
Latest posts by saki (see all)

40 Responses

    1. 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.

  1. 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.

  2. 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.

  3. 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. 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

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

Leave a Reply

This site uses Akismet to reduce spam. Learn how your comment data is processed.