Ext.ux.grid.GridFilter

Grid plugin that adds a filtering row below grid header. Allows remote filtering, supports pagination grids.
Copyright 2016 Roberto Rodriguez

How it works

To add filtering to column, define "filter" property in the column configuration

When the user adds criterias to the filter and hits enter, The plugin reload the grid, including in the query params the values of the filters

The values are collected just for the filters that are not empty, and are sent to the server in the format: dataIndex:VALUE // Example firstName: 'Roberto'

Example:

  var grid = new Ext.grid.GridPanel({
  columns: [
     {
        text: "User ID",
        dataIndex: 'userId', 
        filter: true
    },
    {
        text: "First Name",
        dataIndex: 'firstName', 
        filter: true
    },
    {
        text: "First Name",
        dataIndex: 'firstName', 
        filter: lastName
    }
  ],
  plugins:[{ptype:"gridFilter"}]
  ...
});

Copyright 2016 Roberto Rodriguez
Email: robertoSoftwareEngineer@gmail.com

Change Logs

• 0.1 version

  • Initial Commit