【フォームブリッジ】kViewerルックアップの最上位項目を自動選択する方法

[Legacy_Account2408 (maru（Legacy Account）)]

フォームブリッジのkViewerルックアップのカスタマイズについてです。

フォームブリッジを開いたときにkViewerで絞り込みとソートを行った選択肢の一番上にある項目を「選択」したいです。２つのボタン「」と「選択」を自動で押下することになると思います。

document.querySelector(‘[data-vv-name=“LookUpField”]’).querySelector(‘button’).click(); では「」しか自動押下できず、悩んでおります。
 

 

イベントは fb.events.form.mounted = [function (state) { }]; を使用する予定です。

 

ご助力をお願いいたします。

[Legacy_Account1740 (江田篤史（Legacy Account）)]

Kさん

お世話になっております。

「選択」のクリックはfb.events.kviewer.records.mounted イベントで実行すると良いと思います。
ただし注意書きにある通り、DOMに変更が反映されていない場合があるので、MutationObserverなどでボタンが生成されるのを待つと良いかと思います。
https://form.kintoneapp.com/help/customize
https://developer.mozilla.org/ja/docs/Web/API/MutationObserver

ボタン要素は、下記等で取得できるかと思います。
ただし、ドキュメントの構造に大きく依存したカスタマイズになるため、FormBridgeのバージョンアップにより動作しなくなる可能性があります。

document.querySelector('.kviewer-lookup-modal tbody tr:nth-child(1) td:nth-child(1) button')