代码之家 › 专栏 › 技术社区 › navy1978

如何使用REST调用的结果动态初始化CellEditor

ag-grid angular

-1

navy1978 · 技术社区 · 7 年前

我正在开发一个使用Angular和Ag网格的应用程序。

  columnDefs = [
        ...
        { 
          headerName: 'LANG', field:'lang', 
          autoHeight: true,cellClass: 'cell-wrap-text',sortable: false, filter: true, editable: true,
          cellEditor : 'agSelectCellEditor',
          cellEditorParams : ['English', 'Spanish', 'French', 'Portuguese', '(other)'];


        },
       ...

        ];

所以一切都很好,在编辑模式下,我得到了带有不同选项的组合框(“英语”、“西班牙语”、“法语”、“葡萄牙语”、“其他”)。我的问题是,我需要让这些选项调用REST WS。

因此,我尝试在我的组件(optionValues)中定义一个变量,并用“ngonit”方法填充它,如下所示:

optionValues :  any;

columnDefs = [
        ...
        { 
          headerName: 'LANG', field:'lang', 
          autoHeight: true,cellClass: 'cell-wrap-text',sortable: false, filter: true, editable: true,
          cellEditor : 'agSelectCellEditor',
          cellEditorParams : this.optionValues,


        },
       ...

        ];

ngOnInit(){
  this.optionValues = this.http.get('http://localhost:8002/myservice');

}

你能帮帮我吗?

1 回复 | 直到 7 年前

ABOS 7 年前

您可以在http中初始化网格设置,

this.http.get(...).subscribe(v=>{
  this.gridOptions = {
    columnDefs: [...]
  };
  this.optionValues=v;
});

推荐文章

Aessandro · Ag Grid React默认取消选择过滤器选项

2 年前

Z.Mg · 如何在AG网格Angular中显示父行及其展开的子行周围的边界?

2 年前

SEED · 使用订阅时更新AG网格中的行

2 年前

Pravin · Angular Ag Grid客户端分页与服务器端分页

2 年前

sheep14 · 在ag网格中是否有getcolumnsNOT display方法?

2 年前

anoach · Dash AGGrid使用转置的pandas数据帧添加删除列

2 年前

April Papajohn · 为什么从rowData ref中删除一行后,ag-grid并不总是更新?

2 年前

Kelley127 · AG Grid从上下文菜单以大文本打开

2 年前

Oam Psy · AgGrid无法恢复原始网格数据

2 年前

Sebastian Damon B · 将数据从烧瓶路由传递到AG网格表

3 年前