2016-10-17 30 views
4

私のテーブルを制御するためにAg-gridを使用していますが、行グループを2クリックで拡張する代わりに、行のリストを格納するグループにしたいと思っています。 。 アイコンの矢印をクリックすると動作しますが、タイトル行をクリックすると2回のクリックだけが開きます。Ag-Grid expand行

私は既にドキュメントでそれについての情報を見つけることを試みましたが、何も見つかりませんでした。

ここは、ドキュメントの例です。 https://ag-grid.com/javascript-grid-tree/index.php

例の画像:column definitionenter image description here

答えて

0

、あなたはセルがクリックされたときに何かをすることを伝えるためにonCellClicked(params)機能を使用することができます。私は拡張機能を探してみましたが、私はあなたが望むとは思わないexpandAll()しか見つけることができませんでした。ですから、私はjqueryまたは単純なDOMの選択を使用して、そのセル内の展開アイコンをクリックするだけです。

3

クリックした行またはセルのいずれかでイベントを聴いたり、それに応じてノードを展開したりすることができます。あなたが次のことを行うことができますクリックに基づいて行を拡大するために例えば

onRowClicked: (params) => { 
    // update the node to be expanded 
    params.node.expanded = true; 
    // tell the grid to redraw based on state of nodes expanded state 
    gridOptions.api.onGroupExpandedOrCollapsed(params.rowIndex) 
} 

これは、ドキュメントにする必要があります - 私は、この情報を反映するためにそれを更新します。

+0

おかげでSeanは、私はそれを試しましたが、私がコントロールしたい部分は動作していません。基本的には1つのクリックで拡大しようとしているのは、残りの行でアイコンではありません。このリンクのsceenshotを確認してください.http://i.imgur.com/hiO54L7.pngまたは上記の画像、私は私の質問を更新しました。 – Pedro

+0

こんにちは@Pedro - 上記のコードは、ワンクリックで行を展開する必要があります - 私はちょうど確認するために投稿する前にグループ化された例でそれを試してみました。このコード例を使用しても、1回のクリックでは展開されませんか?もしそうでなければ、私は見てみようと思うのですか? –