ui-grid plugin to filter the grid's data
Switch branches/tags
Nothing to show
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Failed to load latest commit information.
dist
.gitignore
500_complex.json
LICENSE
README.md
app.js
index.html
package.json

README.md

ui-grid-multiselect-filter

This is a ui-grid plugin to filter the grid's data.

Getting Started

This is plug in for the ui-grid so we need to include file as per the library requirements.

Prerequisities

    <link rel="stylesheet" type="text/css" href="bower_components/angular-ui-grid/ui-grid.min.css">
    <script src="bower_components/angular-ui-grid/ui-grid.min.js">

Installing

    <link rel="stylesheet" href="dist/ui-grid-multiselect-filter.min.css" type="text/css">
    <script src="dist/ui-grid-multiselect-filter.min.js"></script>

Inject app ui.grid.multiselect.filter

    angular.module('app', ['ui.grid', 'ui.grid.selection', 'ui.grid.multiselect.filter'])

Usage

Add directive multi-select-filter into ui-grid's header template

    { field: 'name', filterHeaderTemplate: '<div multi-select-filter></div>' }

Events

This directive fires on-filter event on filter of grid's data and returns array list of terms as $terms

In header template
    filterHeaderTemplate: '<div multi-select-filter on-filter="grid.appScope.filtered($terms)"></div>'
Inside controller
    $scope.filtered = function($terms){
        // Write the code to execute after filter
        console.log($terms);
        alert("filtered");
    }

Demo

ui-grid-multiselect-filter

Angular Compatibility

This is currently compatible with Angular versions ranging from 1.2.x to 1.4.x.

Authors

Sanjay Nishad

See also the list of contributors who participated in this project.

License

This project is licensed under the MIT License - see the LICENSE.md file for details