2016-08-10 6 views
1

Ich möchte eine Spalte mit Kontrollkästchen und der Klick wird eine Funktion in der Komponente aufrufen.Spaltenvorlage mit Komponenten Funktionalität

HINWEIS Ich möchte die Zeile nicht auswählen. nur eine Funktion aufrufen.

Blick auf meine erste Säule:

constructor(){ 
    this.columns = [ 
      { width: 30, suppressSorting: true, suppressMenu: true, template: '<input type="checkbox" (change)="updateSelectedList()"/>' }, 
      { headerName: "Score", field: "severity", filter: 'number' }, 
      { headerName: "Behaviour tags", field: "tags" }, 
      { headerName: "Host", field: "host" }, 
      { headerName: "Time", field: "lastModified" }, 
      { headerName: "ID", field: "alertId" }, 
      { headerName: "Assigned", field: "userName", editable: true, cellEditor: "select", cellEditorParams: { values: this.users.map(u => u.userName) } },//}, 
      { headerName: "Grouped" }, 
      { headerName: "Comments" } 
     ] 
} 


updateSelectedList(row: RowNode) { 
     if (row.isSelected()) 
      this.checkedAlerts.push(row.data); 
     else 
      this.checkedAlerts.splice(this.checkedAlerts.indexOf(row.data), 1); 
    } 

der Anruf in der Vorlage:

<ag-grid-ng2 [rowData]="alerts | listToArray" [columnDefs]="columns" (rowClicked)="$event.api.selectNode($event.node)" (rowSelected)="updateSelectedList($event)" (cellValueChanged)="onUserSelect($event)"></ag-grid-ng2> 
+2

Das ist großartig, dass Sie ** ** und das, aber bitte zeigen Sie, was Sie versucht haben. – rinukkusu

+0

In der Frage können Sie eine Funktion in der Komponente namens "updateSelectedList" sehen, die ich an das Änderungsereignis der Eingabe anhängen möchte. –

+1

Sie sagen immer noch "Ich will". StackOverflow ist nicht Ihre unbezahlte Freiberuflerlösung. Sie zeigen uns, was Sie versucht haben, die Dinge zu erreichen, die Sie wollen, und wir werden Ihnen helfen, die Probleme zu lösen, denen Sie tatsächlich begegnen. – rinukkusu

Antwort

0

Ihre Spalte Vorlage ist in Ordnung. Standardmäßig wird ag-Raster, um die Zeile auswählen, wenn Sie auf die Zelle klicken, können Sie das deaktivieren, indem diese als eine der Eigenschaften in gridOptions

vorbei
suppressRowClickSelection: false 
Verwandte Themen