Javascript 智能表st搜索获胜';行不通
我通过Javascript 智能表st搜索获胜';行不通,javascript,html,angularjs,smart-table,Javascript,Html,Angularjs,Smart Table,我通过ng include在我的页面中实现了一个智能表,st搜索不起作用。这是我的密码: 表格 <div class="horizontal-scroll" ng-controller="SmartTableController"> <div class="form-group select-page-size-wrap "> <label>Rows on page <select class="form-control sel
ng include
在我的页面中实现了一个智能表,st搜索
不起作用。这是我的密码:
表格
<div class="horizontal-scroll" ng-controller="SmartTableController">
<div class="form-group select-page-size-wrap ">
<label>Rows on page
<select class="form-control selectpicker show-tick" title="Rows on page" selectpicker
ng-model="smartTablePageSize" ng-options="i for i in [5,10,15,20,25]">
</select>
</label>
</div>
<table class="table" st-table="displayedData" st-safe-src="smartTableData" >
<thead>
<tr class="sortable ">
<th class="table-id" st-sort="id" st-sort-default="true">#</th>
<th st-sort="firstname">Prénom</th>
<th st-sort="lastname">Nom</th>
<th st-sort="role">Rôle</th>
<th st-sort="email">Email</th>
<th st-sort="chargeRate">Taux de charge</th>
</tr>
<tr>
<th></th>
<th><input st-search="firstname" placeholder="Chercher Prénom" class="input-sm form-control search-input"
type="search"/></th>
<th><input st-search="lastname" placeholder="Chercher Nom" class="input-sm form-control search-input"
type="search"/></th>
<th><input st-search="role" placeholder="Chercher Rôle" class="input-sm form-control search-input"
type="search"/></th>
<th><input st-search="email" placeholder="Chercher Email" class="input-sm form-control search-input" type="search"/>
</th>
<th><input st-search="chargeRate" placeholder="Chercher Taux de charge" class="input-sm form-control search-input" type="search"/>
</th>
</tr>
</thead>
<tbody>
<tr ng-repeat="item in displayedData">
<td class="table-id">{{item.id}}</td>
<td>{{item.firstname}}</td>
<td>{{item.lastname}}</td>
<td>{{item.role[0].name}}</td>
<td><a class="email-link" ng-href="mailto:{{item.email}}">{{item.email}}</a></td>
<td>{{item.chargeRate}}</td>
</tr>
</tbody>
<tfoot>
<tr>
<td colspan="6" class="text-center">
<div st-pagination="" st-items-by-page="smartTablePageSize" st-displayed-pages="5"></div>
</td>
</tr>
</tfoot>
</table>
</div>
我的服务很好,我得到的数据加上它确实显示在表上,我只是无法搜索
任何帮助都将不胜感激。谢谢,我已经试过了。最后,您的代码可能会发生$http错误而不是智能表1。
使用这些JSON数据时,我可以过滤除“角色”列之外的所有列
$scope.smartTableData =
[
{ firstname: 1, lastname: 'aaaa', role: [{ name: 'employee1' }], chargeRate: 10, email: 'aaaa@' },
{ firstname: 2, lastname: 'bbbb', role: [{ name: 'employee2' }], chargeRate: 20, email: 'bbbb@' },
{ firstname: 3, lastname: 'cccc', role: [{ name: 'employee3' }], chargeRate: 30, email: 'cccc@' },
{ firstname: 4, lastname: 'dddd', role: [{ name: 'employee4' }], chargeRate: 40, email: 'dddd@' }
];
请确认您的数据是否为正确的JSON格式
在“角色”列中,您应该这样编码。好的
仔细阅读关于如何使用st safe src
的文档,我添加了st table
并更改了中继器数据,但问题仍然存在st table
数组与smartTableData
不同的数组?是的,请稍候,我现在更新我的codecheck,我已经添加了st Table,但是当数据按DOC中所述异步加载时,需要存储未过滤的数组。是的,它需要数据克隆,因为我从rest服务获取数据,如中所述
$scope.smartTableData =
[
{ firstname: 1, lastname: 'aaaa', role: [{ name: 'employee1' }], chargeRate: 10, email: 'aaaa@' },
{ firstname: 2, lastname: 'bbbb', role: [{ name: 'employee2' }], chargeRate: 20, email: 'bbbb@' },
{ firstname: 3, lastname: 'cccc', role: [{ name: 'employee3' }], chargeRate: 30, email: 'cccc@' },
{ firstname: 4, lastname: 'dddd', role: [{ name: 'employee4' }], chargeRate: 40, email: 'dddd@' }
];
$scope.displayedData = angular.copy($scope.smartTableData);
$scope.displayedData = $scope.smartTableData;