Question

我想要一个带复选框的列，单击将调用组件中的一个函数。

注意我不会选择该行。只调用一个函数。

查看我的第一栏：

com.microsoft.jdbc.sqlserver.SQLServerDriver

模板中的调用：

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

Answer 1

您的列模板没问题。默认情况下，ag-grid将在您单击单元格时选择行，您可以通过将其作为gridOptions中的属性之一传递来禁用该行

suppressRowClickSelection: false

具有组件功能的列模板

1 个答案: