![](https://www.a-assist.co.jp/wp-content/uploads/2023/07/workwithplus-e1626841000242.png)
#実装方法:WorkWithPlus(一覧上で詳細表示)
2021年07月20日
こんにちは、栗島です。
今回はWorkWithPlusの機能の内、「一覧上で詳細表示 」 について実装方法を お伝えしていきたいと思います。
実行イメージとしては、下記のサイトで確認できます。
![](/wp-content/uploads/2023/07/POST_1579_01.png)
Persons with an in-line component of detailed information
■実装編
一覧画面のパターンインスタンス(Selection)を適用しておきます。
![](/wp-content/uploads/2023/07/POST_1579_02.png)
Gridノードを右クリックし、「StandardAction」を選択します。
![](/wp-content/uploads/2023/07/POST_1579_03.png)
Nameプロパティに「DetailWebCompornent」を設定します。
![](/wp-content/uploads/2023/07/POST_1579_04.png)
データ表示元トランザクションにパターンが適用され、Webコンポーネントオブジェクトが存在するとき、そのオブジェクト名称をコピーし、
![](/wp-content/uploads/2023/07/POST_1579_05.png)
StandardActionの「GXObject」に設定します。
![](/wp-content/uploads/2023/07/POST_1579_06.png)
設定したWebコンポーネントが必要としている引数に応じてParametersを追加します。
![](/wp-content/uploads/2023/07/POST_1579_07.png)
![](/wp-content/uploads/2023/07/POST_1579_08.png)
ビルドし、実行すると一覧上に「>」が表示されます。
![](/wp-content/uploads/2023/07/POST_1579_09.png)
>を押下すると画面が展開され、プロパティで設定したWebコンポーネントが表示されればOKです。
![](/wp-content/uploads/2023/07/POST_1579_10.png)
今までは一覧上に表示しきれない情報に関しては、画面遷移等を行い詳細表示をしていましたが、この機能を活用することで一覧から画面遷移することなく詳細を表示することが可能になりました。
スマートデバイス上では画面遷移は煩わしく感じることが多いので大いに役立つ機能ではないでしょうか?
最後までご覧頂きありがとうございました!