0
点赞
收藏
分享

微信扫一扫

Angular4_点击tr选中行


Angular4_点击tr选中行,并得到点击行的数量

<tr (click)="onselectedRows(hu,od)">

<td style="background-color: white" (click)="expandOrder($event,od,hu.palletId)">

<i [ngClass]="{'fa': true, 'fa-caret-right': !od.childexpanded,'fa-caret-down': od.childexpanded, 'fa-lg': true}"></i>

</td>

<td>

<inputtype="checkbox"[(ngModel)]="od.selected"style="cursor:pointer;">

</td>

<td>{{od.delivery}}</td>

<td>{{od.customer}}</td>

<td>{{od.shipTo}}</td>

<td>{{od.soNumber}}</td>

<td>{{od.dispatchTime}}</td>

<td>{{od.carrier}}</td>

</tr>

// ts事件

onselectedRows(hu: any, od: any) {

od.selected = !od.selected;

constindex = _.indexOf(this.selectedOrder, od);

if (index !== -1) {

this.selectedOrder.splice(index, 1);

} else {

this.selectedOrder.push(od);

}

if (this.selectedOrder.length === 1) {

this.footerComponent.setButtonsStatus(false);

} else {

this.footerComponent.setButtonsStatus(true);

}

}

Angular4_点击tr选中行_Angular4

举报

相关推荐

0 条评论