【问题标题】:Change color for selected rows更改选定行的颜色
【发布时间】:2018-04-12 08:49:57
【问题描述】:

您能告诉我在哪里可以找到属性源(例如在事件 onRowClicked 的参数中), 如果我调用属性 onRowSelected。我需要更改通过复选框单击的行的颜色 enter image description here

grid = {
        columnDefs: [],
        rowSelection: 'multiple',
        rowData: null,
        rowGroupPanelShow: 'always',
        getRowStyle: function (params) {                
            //some code for changing background-color
        },
        onSelectionChanged: rowSelectionChanged,
        onRowDoubleClicked: onRowDoubleClicked,
        groupSelectsChildren: false,
        onRowClicked: clickFunction,
        suppressRowClickSelection: true,
        onRowSelected: selectionChangedFunc,
        onGridReady: function() {
            this.api.hideOverlay();
        }
    };
    function selectionChangedFunc(params){
            console.log(params)    
    }

    function clickFunction(params){
            console.log(params)   
    }

【问题讨论】:

标签: angular ag-grid


【解决方案1】:

只需使用突出显示项的索引

<div *ngFor="let row of rows;let i=idx" 
    (click)="selectedRow = i"
    [class.highlighted]="i == selectedRow">{{row.data}}<div>

【讨论】:

  • 抱歉,这个选项不适合我
  • @K_kuz_ 抱歉,我不知道该怎么处理你的评论。
猜你喜欢
  • 2012-06-22
  • 2017-03-23
  • 1970-01-01
  • 1970-01-01
  • 2015-12-26
  • 2022-10-19
  • 2013-05-05
  • 2013-06-20
  • 2021-10-06
相关资源
最近更新 更多