So fügen Sie weitere Schaltflächen in datatable Auflistungen nebeneinander hinzu

Question

Ich versuche, eine Sammlung in Typescript mit mehr als einer Schaltfläche in einer Zeile zu erstellen. Ideales Ergebnis wären zwei Knöpfe in der Reihe.

Jetzt habe ich diesen Code, die Tasten in einer Spalte ergänzt:

 for (let filterEntry of response) { 

     if (filterEntry.defaultFlt == true){ 
      active = ' btn-primary'; 
     } 
     else { 
      active = ''; 
     } 

     table.buttons().button().add(indexOfColection + '-' + buttonIndexInColection ,{ 
      className: String('btn btn-xs btn-default btn-max dt-button-collection two-column uniqFilterClass ' + active) , 
      text: function (dt, button, config) { 
      return filterEntry.name; 
      }, 
      action: (e, dt, node, config) => { 
      this.loadFilterData(filterEntry.id);  
      this.activateButton(node);    
      } 
     }); 

     buttonIndexInColection++; 
     } 

Hat jemand weiß, wie man dieses Problem zu lösen? Danke.

Answer 1

Also löste ich dieses Problem ohne einen anderen Knopf. Ich fügte dem Knopfnamen kleines Objekt hinzu:

'<i class="fa fa-times fa-fw delete-class"></i>' 

Wenn jemand auf dieses Objekt klickt. Ich erfasse diesen Klick nach Ereignis und nach dem eindeutigen Klassennamen: delete-class. Dann erkenne, ob dieser Klick auf diesem Objekt war. Das ist es. Viel Glück.