カスタムコンテキストメニューによる更新と削除

Question

私は角度2のag-gridを使用しています。

私は、削除ボタンと更新ボタンを持つカスタムコンテキストメニューを作成しました。 シナリオでは、ユーザーは1つまたは複数の行を選択し、右クリックして「削除」または「更新」ボタンをクリックします。

これらのボタンは、選択した行を取得するためにgridOptionsで処理する関数を呼び出します。

ただし、削除または更新ボタンをクリックすると、this.gripOptionsが定義されていないというエラーが表示されます。

これに関するサンプルまたはドキュメントはありますか？ どうすればこの問題を解決できますか？返信用

おかげ

var gridOptions = { 
     columnDefs: columnDefs, 
     enableRangeSelection: true, 
     getContextMenuItems: getContextMenuItems, 
     allowContextMenuWithControlKey: true 
    }; 
    getContextMenuItems(params) { 
     var result = [ 
      { // custom item 
       name: 'Delete', 
       action: function() { this.delete()); } 
      } 

    return result; 
    } 

    delete() { 
     var selectedRows = this.gridOptions.api.getSelectedRows(); 
    } 

Answer 1

あなたが変数としてではなく、本の一部としてgridOptionsを宣言したためです。あなたにできることは次のとおりです。

var vm = this; 
vm.gridOptions={...} 

[...]あなたは「この」に関係していない。このように

delete() { 
    var selectedRows = vm.gridOptions.api.getSelectedRows(); 
} 

が、それはJavascriptで管理するのは難しいですが、あなたが持っている

ローカルコンテキストへの特定の参照