#ctx.model

現在の RunJS 実行コンテキストが配置されている FlowModel インスタンスであり、JSBlock、JSField、JSAction などのシナリオにおけるデフォルトのエントリポイントです。具体的な型はコンテキストに応じて変化し、BlockModel、ActionModel、JSEditableFieldModel などのサブクラスになる可能性があります。

#適用シーン

ヒント：現在の JS を保持している親ブロック（フォームやテーブルブロックなど）にアクセスする必要がある場合は ctx.blockModel を使用し、他のモデルにアクセスする場合は ctx.getModel(uid) を使用します。

#型定義

model: FlowModel;

FlowModel は基底クラスであり、実際の実行時はさまざまなサブクラス（BlockModel、FormBlockModel、TableBlockModel、JSEditableFieldModel、ActionModel など）のインスタンスとなります。利用可能なプロパティやメソッドは型によって異なります。

#常用プロパティ

#常用メソッド

#ctx.blockModel、ctx.getModel との関係

JSField 内では、ctx.model はフィールドモデルであり、ctx.blockModel はそのフィールドを保持するフォーム/テーブルブロックです。

#実行例

#ブロック/アクションの状態を更新する

ctx.model.setProps({ loading: true });
await doSomething();
ctx.model.setProps({ loading: false });

#モデルイベントをディスパッチする

// イベントをディスパッチし、このモデル上で設定された、このイベント名をリッスンするワークフローをトリガーします
await ctx.model.dispatchEvent('remove');
// payload を指定すると、ワークフローハンドラーの ctx.inputArgs に渡されます
await ctx.model.dispatchEvent('customEvent', { id: 123 });

#UID を使用したポップアップのバインドまたはモデル間アクセス

const myUid = ctx.model.uid;
// ポップアップの設定で openerUid: myUid を渡すことで関連付けが可能です
const other = ctx.getModel('other-block-uid');
if (other) other.rerender?.();

#関連情報

• ctx.blockModel：現在の JS が配置されている親ブロックモデル
• ctx.getModel()：UID で他のモデルを取得する