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' 
     } 
} 

:

각 행에 대해 가정, 부서가 서로 다른 내가 주체 목록 여기

(사용자가 드롭 다운에 선택하는에 해당하는 옵션)를 필터링 할 계획이 기반으로 할 수있는 것은 내 코드입니다 나는 Angular 2와 함께 ag-grid의 무료 버전을 사용 중입니다.

누군가 그것에 대해 알고 있습니까?

Answer 1

정확하게 이해하면 어떤 부서를 선택했는지에 따라 cellEditor에서 다른 값을 가질 수 있기를 원합니다. 그것이 맞다면 cellEditors을 다루는 좀 더 복잡한 일을 할 필요가있을 것입니다. 다음은 plnkr입니다. 이름이 J로 시작하는지 검사했고, 그렇다면 3 번째 옵션을 허용합니다.

docs은 물론 전체 예제는 plnkr을 참조하여 올바른 위치에서 가져 오거나 내 보낸 모든 항목을 가져 왔는지 확인하십시오.

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

agInit 언제든지 편집이 시작 호출됩니다 다음은 문서에 어떤 이상 당신을위한 중요한 중요성이 무엇인지입니다. params에는 복잡한 객체가 있습니다. (내가 사용할 수있는 모든 것을보기 위해 console.log()을 입력하는 것이 좋습니다.) 기본적으로 노드는 셀이있는 행을 참조하며 데이터는 해당 행의 데이터이며 귀하의 colDefs 당신은 금융에서 재무부의 가치를 얻을 수 있습니다 통화.