数据源刷新后如何保留选定的单元格?

时间:2017-09-26 21:32:26

标签: angular devexpress devextreme

我需要在网格中绘制一个蓝色的选定单元格,并每隔10秒刷新一次数据源。但是,选定的单元格在刷新后会丢失先前添加的类。

如何在刷新时保留添加的类?

这是一个插件 - https://plnkr.co/edit/ASB4zi5dzMSNTxcquLCa

ngOnInit() {
      setInterval(() => this.grid.instance.refresh(), 10000); // 10 secs
}

selectCell(event) {
    event.jQueryEvent.target.className += ' blue-border'; // add class to element
    console.log(event.jQueryEvent.target);
}

1 个答案:

答案 0 :(得分:0)

我建议你在CSS样式和DxDataGrid多重选择模式的帮助下解决这个问题(使用' ctrl' +'点击'选择多个项目):

https://plnkr.co/edit/9vgR7X41jg0KKFeDpUKO?p=preview

使用以下示例打开多项选择:

data = list(range(1, 6))
random.shuffle(data)
a, b, c, d, e = data

要使用<dxo-selection mode="multiple" [showCheckBoxesMode]="false" ></dxo-selection> 选择器自定义组件。

如果由于某种原因这种方式不可接受,您可以尝试使用onRowPrepared操作来自定义单元格外观。