Bootstrap Table - export selected, server side
HTML
<link rel="stylesheet" href="https://rawgit.com/wenzhixin/bootstrap-table/master/src/bootstrap-table.css">
<script src="https://rawgit.com/wenzhixin/bootstrap-table/master/src/bootstrap-table.js"></script>
<script src="//rawgit.com/hhurz/tableExport.jquery.plugin/master/tableExport.js"></script>
<script src="https://rawgit.com/wenzhixin/bootstrap-table/master/src/extensions/export/bootstrap-table-export.js"></script>
<div id="toolbar">
<span class='pull-left'>
<select class="form-control">
<option value="">Export Basic</option>
<option value="all">Export All</option>
<option value="selected">Export Selected</option>
</select>
</span>
<span class='pull-left'>
<a class='btn btn-default' id='getAllSelections' style='margin:-3px 0 0 5px'>
getAllSelections
</a>
</span>
</div>
<table id="table" data-toggle="table" data-toolbar="#toolbar" data-show-export="true" data-url="http://mikepenz.com/jsfiddle/" data-pagination="true" data-side-pagination="server" data-page-list="[5, 10, 20, 50, 100, 200]">
<thead>
<tr>
<th data-field="state" data-checkbox="true"></th>
<th data-field="id" data-align="right" data-sortable="true">Item ID</th>
<th data-field="name" data-align="center" data-sortable="true">Item Name</th>
<th data-field="price" data-sortable="true">Item Price</th>
</tr>
</thead>
</table>
JavaScript
// Bootstrap table - test of `export selected` (to csv) with server side pagination. Created to help answer https://github.com/wenzhixin/bootstrap-table/issues/2220, release 1.10.1 and onwards
$(function() {
var $table = $('#table');
$('#toolbar').find('select').change(function() {
$table.bootstrapTable('refreshOptions', {
exportDataType: $(this).val()
});
});
$('#getAllSelections').click(function(e) {
e.preventDefault();
var selectedData = $table.bootstrapTable('getAllSelections');
console.log('selectedData',selectedData);
$table.bootstrapTable('load',selectedData);
});
});