Angular4_点击tr选中行

发布时间：2020-12-17 08:30:50 所属栏目：安全来源：网络整理

导读：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-

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 
   > 
  
 
   < 
   input 
   type= 
   "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 
   > 
  

 
   // 后台事件 
  
 
   onselectedRows(hu 
   : 
   any,od 
   : 
   any) { 
  
 
   od.selected 
    = 
   ! 
   od.selected; 
  
 
   const 
   index 
   = 
   _. 
   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); 
  
 
   this. 
   footerComponent. 
   setButtonsStatus( 
   true); 
  

    } 
  

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!