2016-08-10 2 views
1

Мне нужен столбец с флажками, и щелчок вызовет функцию в компоненте.шаблон столбца с функциональными компонентами

NOTICE, что я не хочу выбирать строку. только вызывать функцию.

взгляд на мой первой колонке:

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

вызов в шаблоне:

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

Это здорово, что вы хотите ** **, но пожалуйста, показать, что вы пробовали. – rinukkusu

+0

в вопросе вы можете увидеть функцию в компоненте под названием «updateSelectedList», которую я хочу прикрепить к событию изменения ввода. –

+1

Вы все еще говорите «Я хочу». StackOverflow не является вашим неоплачиваемым решением для фрилансеров. Вы показываете нам, что вы пытались выполнить, что хотите, и мы поможем вам решить проблемы, с которыми вы столкнулись. – rinukkusu

ответ

0

Шаблон колонки отлично. По умолчанию, AG-сетка будет выбрать строку при щелчке на ячейке, можно отключить, что при прохождении этого в качестве одного из свойств в gridOptions

suppressRowClickSelection: false 
Смежные вопросы