不使用Dev极限数据更新的角度-网格列和视图

Question

component.html

<dx-data-grid>
 <dxi-column *ngFor="let column of columns">
  // creating columns
 </dxi-column>
</dx-data-grid>

component.ts

public setupColumnsAndState(newColumns[]: any, state: any) {
 columns = newColumns[];
 // Is there something that could be done here to update datagrid columns?
 this.datagrid.instance.state(state); //state has columns
}

当设置数据集状态时，如果状态中的列还不存在于datagrid (ex )中。状态有5列，datagrid只有3)，然后在设置状态时，datagrid将它们过滤掉。

所以在这个例子中(我认为正在发生的事情)

• 列正在设置
• 页尚未创建列。
• 数据集没有更新的列。
• 设置状态时，数据栅格列为空，因此状态列被过滤。

我尝试过查看ngZone和changeDetectorRef，但是我无法让它正常工作，并且不确定这些在这种情况下是否会有所帮助。

Answer 1

试着做下面这样的事情。设置一个ChangeDetectorRef，并在您有当前评论的地方调用detectChanges。

constructor(private cd: ChangeDetectorRef) {}
public someFn() {
  this.cd.detectChanges();
  // ngOnChanges will be called
}

信息来源：本条款