在上面的链接中,我们有一个表格,并使用网址显示数据。
我想通过搜索表中的内容来对结果返回的Forks
列求和。
EG。如果我在搜索框中搜索boot
或任何内容,则会显示结果。我也想要这样的页脚,
<tfoot>
<tr class='info'>
<td>Sum of Forks</td>
<td> forks sum of return search result </td>
</tr>
</tfoot>
怎么做?
答案 0 :(得分:1)
您可以使用getData
方法来实现您想要的效果。
您可以像这样添加自己的Javascript:
$('#table').on('search.bs.table', function(param) {
var data = $('#table').bootstrapTable('getData');
sumForks(data);
})
function sumForks(dataObject) {
var sum = 0;
for (var key in dataObject) {
// skip loop if the property is from prototype
if (!dataObject.hasOwnProperty(key)) continue;
var obj = dataObject[key];
for (var prop in obj) {
// skip loop if the property is from prototype
if(!obj.hasOwnProperty(prop)) continue;
//alert(prop + " = " + obj[prop]);
if(prop === 'forks_count')
sum += parseInt(obj[prop]);
}
}
$('#table .info .forks_sum').html(sum);
}
还更新了您的小提琴:http://jsfiddle.net/e3nk137y/4005/
这是你想要的吗?