Select multiple input of the same group to perform a filter that is made via js
This package is available on Bower.
$ npm install -g bower# install a package and add it to bower.json
$ bower install generator-multifiltersjs --saveBower depends on Node.js and npm. Also make sure that git is installed as some bower packages require it to be fetched and installed.
Call the plugin on any input you want to track and tell it what to look for with a data-col attribute:
$(document).ready(function() {
$('#formGroupFilters .form-control').multifiltersJS({
'target' : $('#table-dados')
});
})As long as the data-col attribute matches up with something in the , it will filter the content in those columns in the table:
data-col='Filter1'
data-col='Filter2'
data-col='Filter3'<div class="form-group" id="formGroupFilters">
<div class="control-group">
<label for="txt-filter1" class="control-label">Filter1</label>
<div class="controls">
<input type="text" id="txt-filter1" name="txt-filter1" class="form-control" data-col='Filter1'>
</div>
</div>
<div class="control-group">
<label for="filter2" class="control-label">Filter2</label>
<div class="controls">
<input type="text" id="txt-filter2" name="txt-filter2" class="form-control" data-col='Filter2'>
</div>
</div>
<div class="control-group">
<label for="txt-filter3" class="control-label">Filter3</label>
<div class="controls">
<input type="text" id="txt-filter3" name="txt-filter3" class="form-control" data-col='Filter3'>
</div>
</div>
</div>- Fork it
- Create your feature branch (
git checkout -b my-new-feature) - Test your changes to the best of your ability.
- Update the documentation to reflect your changes if they add or changes current functionality.
- Commit your changes (
git commit -am 'Added some feature') - Push to the branch (
git push origin my-new-feature) - Create new Pull Request
Created by Ivan Augusto Hoinacki
MIT License © Ivan A. Hoinacki
