4

我们已经使用角度智能表实现了一个报告表。当用户使用 st-search 应用搜索条件时，我们需要将所有项目导出到 csv 中。我们使用 ng-csv 指令进行导出。使用st-table数组集合时，只获取第一页数据。也就是说过滤后总共有7条记录，第一页显示5项，只有这个数据（5项）被导出。如何导出所有过滤后的数据？

 <table class="table table-striped" st-table="displayed">
<thead>
<tr>
    <th  st-sort="firstName">first name</th>
    <th  st-sort="lastName">last name</th>
    <th  st-sort="birthDate">birth date</th>
    <th  st-sort="balance">balance</th>
    <th >email</th>
</tr>
<tr>
    <th>
        <input st-search="firstName" placeholder="search for firstname" class="input-sm form-control" type="search"/>
    </th>
    <th colspan="4">
        <input st-search placeholder="global search" class="input-sm form-control" type="search"/>
    </th>
</tr>
</thead>
<tbody>
<tr ng-repeat="row in displayed">
    <td>{{row.firstName | uppercase}}</td>
    <td>{{row.lastName}}</td>
    <td>{{row.birthDate | date}}</td>
    <td>{{row.balance | currency}}</td>
    <td><a ng-href="mailto:{{row.email}}">email</a></td>
</tr>
</tbody>
<tfoot>
        <tr>
            <td colspan="5" class="text-center">
                <div st-pagination="" st-items-by-page="5" st-displayed-pages="10"></div>
            </td>
        </tr>
    </tfoot>

4

1 回答 1

3

您可以通过表控制器 api 访问过滤后的集合。所以你只需要创建一个需要 stTable 控制器的指令：

.directive('stExport',function(){
   return {
     require:'^stTable',
     link:function(scope, element, attr,ctrl){
       element.bind('click',function(){
       alert(ctrl.getFilteredCollection().length);
     })
   };
}

看看那个正在运行的例子

于 2015-08-14T04:10:19.710 回答