Learn from Saki

Knowledge is power

This content is for registered users only. Please login.
Hello! To access your account, please Log in. Not a member? Sign up
  • Videos
  • Blog
  • Examples
  • Services
  • Add-ons
  • About

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

  1. Extract the downloaded zip file anywhere in your http server accessible folder
  2. Navigate to http://localhost/where-you-unzipped/saki-grid-search/docs
  3. 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]

Author:

  • Author
  • Recent Posts
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.
Follow me:
Latest posts by saki (see all)
  • Ext, Angular, React, and Vue - June 27, 2019
  • The Site Resurgence - February 11, 2018
  • Configuring ViewModel Hierarchy - June 19, 2015

Categories

  • Addons (2)
  • Architecture (14)
  • Examples (2)
  • ExtJS (26)
  • Howtos (16)
  • Javascript (1)
  • Know-how (32)
  • Linux (1)
  • Mac OS X (2)
  • SASS/CSS (2)
  • Snippets (9)
  • Theory (14)
  • Touch (6)
  • Tutorials (5)
  • What is a … (9)

Tag cloud

abstract class accordion application button class cluster column component config css definition deprecated design education event example extension extjs factory function form grid html initComponent items javascript Know-how knowledge layout Linux listener mysql old panel pattern php plugin render snippet sql sqlite state table touch tree viewpoint

Membership

Become a Member
Affiliate Program

Support

FAQ
Contact

Legal

Terms and Conditions
Licensing
Privacy Policy

Copyright © 2021 · Dynamik-Gen on Genesis Framework · WordPress · Log in