詳細画面表示イベント時に、サブテーブルの描画完了を待ってからDOMを操作したい

kintone カスタマイズ
1

いつもお世話になってます。

レコード詳細画面表示イベント時に、サブテーブルの全ての行にコントロールを追加するDOM操作をしたいのですが、

サブテーブルの描画が完了する前に処理が実行されてしまい、サブテーブルの全ての行にコントロールが追加できません。

レコードによってはサブテーブルに数十件～100件程度の行が追加されている場合があるので、サブテーブルの行数によらず全ての行にコントロールを追加したいです。

何かサブテーブルの全ての行の描画が完全に終わったことを確認する方法はありますか？

ソースの例）

実行結果の例）

もし完全にサブテーブルの描画が完了したことを確認する方法が無ければ、サブテーブルで描画する行数を制御しようかとか考えてます。（一度非表示にして、５行だけ表示させるなど）

2

田口さん

サブテーブルが表示完了するタイミングは、分かりにくいですね。

サブテーブルの行数により描画が完了するまでの時間が異なりますので、インターバルで

event.record のサブテーブル行数と DOM のサブテーブル行数をチェックし、一致するまで待ちましょう。

処理後にそれ以上処理されないように、インターバルをクリアします。

インターバルは、setInterval と clearIntervalを使います。

3

さすが rex0220さん

ありがとうございます！

 

試してみたら、こちらのスレッドに実装サンプルを追記させて頂きます。