# ポップアップの編集

## はじめに

クリックでポップアップを開く操作やフィールドはすべて、ポップアップの表示方法やサイズなどを設定できます。

![20251027212617](https://static-docs.nocobase.com/20251027212617.png)

![20251027212800](https://static-docs.nocobase.com/20251027212800.png)

## 表示方法

- ドロワー

![20251027212832](https://static-docs.nocobase.com/20251027212832.png)

- ダイアログ

![20251027212905](https://static-docs.nocobase.com/20251027212905.png)

- サブページ

![20251027212940](https://static-docs.nocobase.com/20251027212940.png)

## ポップアップのサイズ

- 大
- 中（デフォルト）
- 小

## ポップアップ UID

「ポップアップ UID」は、そのポップアップを開くコンポーネントのUIDです。これは、現在のアドレスバーにある `view/:viewUid` の `viewUid` 部分にも対応しています。ポップアップをトリガーするフィールドまたはボタンの設定メニューで、「ポップアップ UID をコピー」をクリックすると、素早く取得できます。

![popup-copy-uid-20251102](https://static-docs.nocobase.com/popup-copy-uid-20251102.png)

ポップアップ UID を設定することで、ポップアップの再利用が可能になります。

### 内部ポップアップ（デフォルト）
- 「ポップアップ UID」は、現在の操作ボタンのUIDと同じです（デフォルトではこのボタンのUIDが使用されます）。

### 外部ポップアップ（ポップアップの再利用）
- 「ポップアップ UID」に、別の場所にあるトリガーボタンのUID（つまりポップアップ UID）を入力すると、そのポップアップを再利用できます。
- 典型的な使用例としては、複数のページやブロックで同じポップアップのUIとロジックを共有し、設定の重複を避ける場合などです。
- 外部ポップアップを使用する場合、一部の設定は変更できません（下記を参照してください）。

## その他の関連設定

- `データソース / コレクション`：読み取り専用です。このポップアップがバインドされているデータソースとコレクションを示します。デフォルトでは、現在のブロックのコレクションが使用されます。外部ポップアップモードでは、ターゲットポップアップの設定が引き継がれるため、この設定は変更できません。
- `関連名`：オプションです。「関連フィールド」からポップアップを開くために使用され、デフォルト値が存在する場合にのみ表示されます。外部ポップアップモードでは、ターゲットポップアップの設定が引き継がれるため、この設定は変更できません。
- `ソースID`：`関連名`が設定されている場合にのみ表示されます。デフォルトでは現在のコンテキストの `sourceId` が使用されますが、必要に応じて変数または固定値に変更できます。
- `filterByTk`：空、オプションの変数、または固定値を設定でき、ポップアップで表示されるデータレコードを制限するために使用されます。

![popup-config-20251102](https://static-docs.nocobase.com/popup-config-20251102.png)