library-mirrors/tablesorter
1
0
Fork 0
mirror of https://github.com/Mottie/tablesorter.git synced 2024-11-15 23:54:22 +00:00
Code Issues Actions Packages Projects Releases Wiki Activity

Docs: Add showProcessing toggle button

Browse Source
This commit is contained in:
Rob Garrison 2016-06-28 04:32:11 -05:00
parent 7328732525
commit 40632a9f80
1 changed files with 17 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

21
docs/example-option-show-processing.html
View File

@ -23,7 +23,8 @@
<script src="../js/jquery.tablesorter.widgets.js"></script> <script src="../js/jquery.tablesorter.widgets.js"></script>
<script id="js">$(function(){ <script id="js">$(function(){
var t, start; var t, start,
vis = false;
$("table").tablesorter({ $("table").tablesorter({
showProcessing: true, showProcessing: true,
@ -34,19 +35,30 @@
filter_reset : '.reset' filter_reset : '.reset'
} }
}) })
.bind('filterStart filterEnd', function(e, filter){ .bind('sortBegin sortEnd', function(e) {
vis = e.type === "sortBegin";
})
.bind('filterStart filterEnd', function(e, filter) {
if (e.type === 'filterStart') { if (e.type === 'filterStart') {
start = e.timeStamp; start = e.timeStamp;
vis = true;
t = '<li>Filter Started: [' + filter + ']</li>'; t = '<li>Filter Started: [' + filter + ']</li>';
} else if (start) { } else if (start) {
vis = false;
t = '<li>Filter Ended after ' + ( (e.timeStamp - start)/1000 ).toFixed(2) + ' seconds</li>'; t = '<li>Filter Ended after ' + ( (e.timeStamp - start)/1000 ).toFixed(2) + ' seconds</li>';
start = 0;
} else { } else {
return; return;
} }
$("#display").append(t).find('li:first').remove(); $("#display").append(t).find('li:first').remove();
}); });
$('button').click(function(){ $('.toggle').click(function(){
vis = !vis;
$.tablesorter.isProcessing($("table"), vis);
});
$('[data-search]').click(function(){
var search = $(this).attr('data-search').split(','); var search = $(this).attr('data-search').split(',');
$('table').trigger('search', [search]); $('table').trigger('search', [search]);
return false; return false;
@ -90,7 +102,8 @@
<!-- ",l,f,>80".split(",") ends up as an array [ "", "l", "f", ">80" ] --> <!-- ",l,f,>80".split(",") ends up as an array [ "", "l", "f", ">80" ] -->
<button type="button" data-search=",l,f,>80">Filter</button> (females majoring in languages with a score >80)<br> <button type="button" data-search=",l,f,>80">Filter</button> (females majoring in languages with a score >80)<br>
<button type="button" data-search=",l,!female,>80">Filter</button> (males majoring in languages with a score >80)<br> <button type="button" data-search=",l,!female,>80">Filter</button> (males majoring in languages with a score >80)<br>
<button type="button" class="reset">Reset</button> <button type="button" class="reset">Reset</button><br>
<button type="button" class="toggle">Toggle</button>
<table class="tablesorter"> <table class="tablesorter">
<thead> <thead>