Description
This plugin makes any grid searchable by implementing user interface and search logic. User interface consists of the search field where user types the text to search for and the menu with field names to select where to search for the query.
Live Demo
Open in new windowMain Features
- written from scratch anew, not a quickie port of the old version
- very easy to deploy
- remote or local search
- user selectable fields to search in
- no configuration options required if used with bottom paging toolbar
- highly configurable: 32 own configuration options
- rich API: 21 own methods and 4 properties
Design Goals
I had invented this plugin way back in 2007 when I needed to provide the user with a simple interface for searching larger databases remotely. The plugin should search as-you-type in selected fields.
Later I have added more features based on different user scenarios such as search-on-enter, local search and radio style menu.
For developers, the plugin must be easy to configure, however, advanced configurations must be possible.
Quick Start Guide
- Extract the downloaded zip file anywhere in your http server accessible folder
- Navigate to http://localhost/where-you-unzipped/saki-grid-search/docs
- Follow the instructions in the Getting Started Guide
Compatibility
The package contains two versions:
- ExtJS 4
- ExtJS 5
Known Problems
None.
Roadmap
- make the field selection stateful
Author:
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.
Latest posts by saki (see all)
- Ext, Angular, React, and Vue - 27. June 2019
- The Site Resurgence - 11. February 2018
- Configuring ViewModel Hierarchy - 19. June 2015
Does it work with 4.2.2? Because the above example runs with Ext 4.2.2
I have Ext JS 4.2.3 and this Add-on not work.
Hi,
I am sent out questions about your licensing but not got any reply.
Do I need to pay developer license for your Add-ons every year again? Or it is a single payment?
Cheers,
Matti Kiviharju
Shortly, good enough for example. There is no or minimal user input checking, the code is not optimized, the code can contain dead (not used anymore) parts, the code may not contain proper error handlers, etc.
It works, but it is not “production bulletproof”.
Yes, both are included. However, the PHP code is of “example quality”, for production you’ll need to amend it. The example uses SQLite database, that is included.
what does exactly do you mean by “example quality”?
Good day saki! is php code and sample database is included in this example.. if ever i’m going to buy it?
No, it doesn’t. Many side records are in a 1-side record store and that is not a store field so it is not found by the current logic.
Also, it may not be feasible to search many-side because they may not be (yet) loaded so local search cannot find them. If it is a remote search then it is more server logic that decides on matching records so server could search also on many-side.
Hi. I’m using the older version of this plugin, and it works great. But I was wondering, can the new version search nested objects? E.g., I have a hasMany relationship – can the children be search as well?
It is only new package, i.e. package is 1.0.2, file is 1.0.0. Packages can, and they do, consist of many files, each of them has its own version. If, for example, a 2.0.0 file does not need any upgrade for 3.0.0 package, it retains 2.0.0.
Best,
Saki
The internal version(1.0.0) does not match the external 1.0.2!
I am tying to use the plugin within a Sencha Architect project but when launching Architect it tells me that the package could not load due to the architect data missing within the package.json. Is there a work around to this?
We are using a proxy solution with Ext.Direct and the store reloads when searching but nothing gets filtered. Any ideas how to configure it?
constructor: function() {
this.proxy = {
type: ‘direct’,
paramsAsHash: true,
api: {
read: clDocumentCS.getOffers
},
reader: {
type: ‘json’,
root: ‘resultOffers’
}
};
this.callParent(arguments);
}
Can you send me a runnable code that I could use to test it? I do not personally use Direct so a PHP backend would help a lot.
Hi Saki!
This plugin does not wok if one column is locked. A click on search button shows no columns.
Best Regards
T.Nissen
I’ll test it and let you know the solution.
Best,
Saki
I have same problem and thats why this Add-on for Ext JS not fits to my needs.
This is very disappointing. Try do something for this ASAP.
However, I am already paid a license for this.