angularjs - 无法在 Angular JS 中使用 SmartTable 选择网格项

Question

我已经在 Angular JS 中使用SmartTable实现了网格。根据 Smart Table 文档，为了选择网格项目，我们需要添加st-select-row="row". 我也加了这个。但我无法选择网格。

已实现的应用程序可以在 plunk（下面的 url）中看到。任何人都可以帮我将网格行用作可选。另外，我想在单击row时调用一个函数。

戳这里

Answer 1

你的 plunker 确实有效

选择行智能表时，将属性添加isSelected=true到关联模型，将类名st-selected添加到 tr 元素

只需添加一个css规则，您就可以看到它

.st-selected{
  border-left:4px solid black;
}

Answer 2

app.controller('selectionCtrl', ['$scope', '$filter', function (scope, filter) {
    scope.rowCollection = [
        {firstName: 'Laurent', lastName: 'Renard', birthDate: new Date('1987-05-21'), balance: 102, email: 'whatever@gmail.com'},
        {firstName: 'Blandine', lastName: 'Faivre', birthDate: new Date('1987-04-25'), balance: -2323.22, email: 'oufblandou@gmail.com'},
        {firstName: 'Francoise', lastName: 'Frere', birthDate: new Date('1955-08-27'), balance: 42343, email: 'raymondef@gmail.com'}
    ];
}]);

.st-selected{
  color:cornflowerblue ;
}

<table st-table="rowCollection" class="table">
<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>
</thead>
<tbody>
<tr st-select-row="row" st-select-mode="multiple" ng-repeat="row in rowCollection">
	<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>
</table>