2016-11-22 21 views
1

用AG-グリッドにフィルタフィールドのIDを設定して取得します。/Iは、Ag-グリッドを使用してangular2で表を作っていアンギュラ2

私はいくつかの列を持っており、各列にフィルタを適用することが可能です。 (私はカスタムフィルターを使用します) 私のアプリケーションのさらなる開発のためには、フィルターフィールドのIDが必要です。ユーザーがフィルタリングするフィールドを選択たとえば

createColumnDefs() { 
    this.columnDefs =[ 
     { headerName: "ID", field: "id", width:80, filterFramework:{ 

      component: PartialMatchFilterComponent, 
      moduleImports: [FormsModule] 
     }}, 
     { headerName: "Extern id", field: "externalRefId", width:150, filterFramework:{ 

      component: PartialMatchFilterComponent, 
      moduleImports: [FormsModule] 
     }}, 
     { headerName: "Name", field: "customerLastName", width:80,filterFramework:{ 

      component: PartialMatchFilterComponent, 
      moduleImports: [FormsModule] 
     }} 
    ] 
} 

私の行はこのようなものです。私はユーザが名前フィールドを選択したことを知りたい。

答えて

1

paramを提供することによって、コンポーネントに余分なデータを提供することができます(たとえば、filterParamsを使用できるフィルタなど)。 :

filterFramework: { 
    component: PartialMatchFilterComponent, 
    moduleImports: [FormsModule] 
}, 
filterParams: { 
    field: "name" 
}, 

その後agInit方法であなたは、後で使用するために、この情報をやってのけることができるでしょう。答えを

agInit(params:IFilterParams):void { 
    console.log(params.field); 
+0

感謝を。これは機能します。 '{headerName:" Straat "、colId: 'workorder.location.street'、フィールド:" workorderStreet "、幅:100、filterFramework:{ コンポーネントの場合は、** colId **を次のような行に追加しました。 PartialMatchFilterComponent、 moduleImports:[FormsModule] }} ' 、私はこのようにそれを使用:* agInit *機能:-)を聞いて良い – user2959870

+0

で ' this.params.colDef.colId' - 注意してくださいと7.xでは、ng2の使い方について多くの改訂があります。詳しくは、docsをご覧ください:https://www.ag-grid.com/angular-2-beta-release/ –

+0

ありがとう、私は見ていきますそれで – user2959870

関連する問題