ag-gridセルエディタで動的値を表示する方法選択

Question

ag-gridの各行に対して動的なドロップダウンオプションを表示したい。

ここ

が私のコードである（ドロップダウンリストで選択するユーザーのための利用可能オプション）部門は、私がサブジェクトのリストをフィルタリングすることを計画していること異なるとに基づいているかもしれませんが、行ごととします

this.gridOptions.columnDefs = { 
      headerName: 'Department', 
      field: 'financingCurrency', 
      editable: false,        
      suppressSorting: false, 
      cellClass: 'grid-align' 
     }, 

     { 
      headerName: 'Subject', 
      field: 'subject', 
      editable: true, 
      cellEditor: 'select', 
      filter: 'text', 
      cellEditorParams: { 
       values: this.subjects;      
      }, 
      suppressSorting: false, 
      cellClass: 'grid-align' 
     } 
} 

私は角度2の無料グリッドを使用しています。

誰かがそれについて考えていますか？

Answer 1

私が正しく理解している場合、どの部門が選択されているかに基づいてcellEditorに異なる値を設定できます。それが正しければ、おそらくcellEditorsを扱うもっと複雑なことをする必要があります。ここにplnkrがあります。その名前はJで始まるかどうかをチェックし、そうであれば3番目のオプションを許可します。

完全な例はplnkr、docsを参照して、適切な場所にすべてのインポート/エクスポートが行われていることを確認してください。ここではドキュメント上にあるものを越えてあなたのための重要な鍵とは何かある：

agInit(params: any): void { 
    if (params.node.data.financingCurrency == 'Your Super Department') { 
     subjects = [...super options...] 
    } else { 
     subjects = [...different options...] 
    } 
} 

agInitは、編集が開始されるたびに呼び出されます。 paramsには複雑なオブジェクトがあります（私はconsole.log()を利用するだけですべての情報を見ることができます）が、基本的にノードはセルがある行を参照しており、データはその行のデータであり、あなたのcolDefsあなたは資金調達からDepartmentの価値を得ることができます。