Question

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

可以在plunk中看到已实现的应用程序（下面的URL）。任何人都可以帮我使用网格行作为可选择。此外，我想在点点击时调用功能。

Answer 1

你的傻瓜实际上有效

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

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

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

Answer 2

＆＃13;

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'}
    ];
}]);

＆＃13;

.st-selected{
  color:cornflowerblue ;
}

＆＃13;

<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>

＆＃13;

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

2 个答案: