Learn from Saki: ExtJS Grid Search Plugin

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 window

Main 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

[wp_eStore_saki_add_to_cart id=9]

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

[wp_eStore_saki_add_to_cart id=9]

Follow me:

saki

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.