如何通过某些搜索对结果返回的列值求和?

时间:2016-01-05 07:32:38

标签: html css twitter-bootstrap twitter-bootstrap-3 angular-ui-bootstrap

在上面的链接中,我们有一个表格,并使用网址显示数据。 我想通过搜索表中的内容来对结果返回的Forks列求和。

EG。如果我在搜索框中搜索boot或任何内容,则会显示结果。我也想要这样的页脚,

<tfoot>
    <tr class='info'>
        <td>Sum of Forks</td>
        <td> forks sum of return search result </td>
    </tr>
</tfoot>

怎么做?

Fiddle Link

1 个答案:

答案 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/

这是你想要的吗?