応用編:リンク
## 概要
テーブル間で親子関係を設定できます。リンクを設定することでより使いやすい画面を作ることができます。
1. 親テーブルのタイトルを子テーブルの分類項目にドロップダウンリストとして表示。
1. 編集画面にリンクレコードの一覧および子テーブルへのレコード新規作成ボタンを表示。
1. 子レコードの総件数や子レコードの数値項目の合計や平均などの[サマリ](/ja/manual/table-management-summary)を自動計算。
## 1. ドロップダウンリスト
ドロップダウンリストは[選択肢一覧](/ja/manual/table-management-choices-text)をJSON形式で記述することでカスタマイズが出来ます。
### 1-1.表示内容
デフォルトでは親テーブルの[タイトル](/ja/manual/tenant-logo)がドロップダウンリストとして表示します。
![image](https://pleasanter.org/binaries/374e411799c5443abda6547909c9b99f)
[検索機能を使う](/ja/manual/table-management-use-search)を有効化した場合、[表示フォーマット](/ja/manual/table-management-choice-json)を指定することで、親テーブルのタイトル以外の項目をリストに表示できます。
#### 例1. ユーザの氏名に加えてメールアドレスをリストに表示
##### JSON
```
[
{
"TableName": "Users",
"SearchFormat": "[Name] - [MailAddresses]",
"View": {
"ColumnSorterHash": {
"Name": "asc"
}
}
}
]
```
![image](https://pleasanter.org/binaries/e328c2eb31d749aa8c2f84bcb56311f9)
#### 例2. 親テーブル(サイトID:12345)の分類A、分類B、分類Cをリスト表示
##### JSON
```
[
{
"SiteId": 12345,
"NoAddButton": false,
"SearchFormat": "[ClassA] - [ClassB] - [ClassC]"
}
]
```
![image](https://pleasanter.org/binaries/67345cb85a764767a55dadc9303f264c)
##### [検索機能を使う](/ja/manual/table-management-use-search)が無効になっている場合は表示フォーマットの指定は適用されません。
### 1-2.フィルタ
デフォルトでは親テーブルの参照可能なレコードをリスト表示しますが、リストの内容を任意に絞り込むことができます。 絞り込みは主に3つの方法となります。
1. 「項目連携機能」で絞り込み
1. 固定値で絞り込み
1. 画面の項目で動的絞り込み
#### 項目連携で絞り込み
画面上に設定した親子関係にある2つのドロップダウンリスト(A、B)を連携させ、ドロップダウンAで選択した内容でドロップダウンリストBのリスト内容を絞り込みします。都道府県マスタと市区町村マスタのように都道府県を選択することで、市区町村のリスト内容を絞り込むようなケースで利用できます。
![image](https://pleasanter.org/binaries/5b8517da1e6f4efead1e9fcd6ae9cac4)
#### 固定値で絞り込み
あらかじめ定数を指定して絞り込みします。状況が"未完了"の未完了タスクリスト、金額が100万円以上の高額商品リストなどのように元となるリストから固定値でリスト内容を絞り込むようなケースで利用できます。
#### 例. 100万円以上の仕入レコードのみドロップダウンリスト表示
##### JSON
```
[
{
"SiteId": 127,
"NoAddButton": false,
"View": {
"ColumnFilterHash": {
"NumA": "[\"1000000,\"]"
}
}
}
]
```
![image](https://pleasanter.org/binaries/dfbb901c1ead4f22b7c4af26c5ace3ec)
#### 画面の項目で動的絞り込み
あらかじめ画面の項目を指定しておき、入力された値に応じてリスト内容を動的に絞り込みます。項目連動と異なり、親子関係にある画面の任意の項目(分類、数値、日付等)をもとにリスト内容を絞り込みます
#### 例. 分類Aで選択した内容で分類Cのドロップダウンリストの内容を絞り込む
##### JSON
```
[
{
"SiteId": 12345,
"View": {
"ColumnFilterExpressions": {
"ClassC": "[ClassA]"
}
}
}
]
```
![image](https://pleasanter.org/binaries/a1b1ee21d62840378180dae2b3d66ba6)
### 1-3.ルックアップ
ドロップダウンリストで選択した情報の別の項目を転記することができます。 例えば、商談テーブルから顧客テーブルをリンクしている構成において、顧客を選択したときに顧客テーブルの住所、電話項目などを商談テーブルに転記できます。
#### 例2. 選択した顧客の住所、連絡先を自動転記
##### JSON
```
[
{
"SiteId": 125,
"Lookups": [
{
"From": "ClassA",
"To": "ClassC"
},
{
"From": "ClassB",
"To": "ClassD"
}
]
}
]
```
##### マスタ内容
![image](https://pleasanter.org/binaries/332617c965c5419ea4673a0966940af5)
##### 動作結果
![image](https://pleasanter.org/binaries/470338a4527c4425b2e878981b2852cf)
## 2. リンクの一覧、作成ボタン
リンクを設定すると、編集画面の最下段にリンクの情報「リンクしたアイテムの作成」[リンク](/ja/manual/table-record-import-and-link)が表示します。
### リンクしたアイテムの作成:レコード作成ボタン
親レコードの編集画面において、子テーブルに対して新規作成するためのボタンが表示されます。ボタン名は子テーブル名です。子テーブル側から親レコードを新規作成することはできません。設定により、ボタンを非表示にすることができます。
### リンク:リンクレコード一覧
編集画面で表示したレコードに関連するリンクレコードの一覧が表示されます。リンク先(親テーブル)のレコード一覧およびリンク元(子テーブル)のレコード一覧が表示します。設定により、非表示にすることができます。
![image](https://pleasanter.org/binaries/69137f7a7de24471a150c5349bc8200c)
### 並び順
リンクの情報の並び順は下記の2つの方法で変更できます。
1. [テーブルの管理](/ja/manual/table-management)[エディタ](/ja/manual/table-editor)でリンク項目を有効化し、任意の順序で並べる
[エディタ](/ja/manual/table-editor)で設定することで順序だけでなく、画面の上部や別タブなど任意の場所に表示することが出来ます。その際、ボタンとレコード一覧がセットで表示します。
![image](https://pleasanter.org/binaries/a17eb070933846aabf15ae695313b7e9)
1. 子テーブル側でリンクした項目の選択肢一覧で「priority」キーワードを指定し、並び順を指定する
デフォルトの表示形式でボタン及びレコード一覧の並び順を自由に並び変えることができます。
#### 子テーブル側の選択肢の設定
![image](https://pleasanter.org/binaries/7d9063385ebf4d418b3448aaabe8b23e)
#### 表示結果
![image](https://pleasanter.org/binaries/061cb7a0fe664b3f8280f8bd99d90968)
## 3. 選択肢一覧で設定可能なJSONパラメータ
|リンク対象|項目名|説明|
|:---|:---|:---|
|組織、グループ、ユーザ|TableName|Depts、Groups、Usersを指定することで組織、グループ、ユーザを選択肢に表示します。|
|組織、グループ、ユーザ|MembersOnly|Depts、Groups、Users指定時に使用。アクセス権を付与されている組織、グループ、ユーザのみ表示します。|
|組織、グループ、ユーザ|ExcludeMe|Depts、Groups、Users指定時に使用。自分および自分の組織を含めない場合、trueを指定します。この項目は省略可能です。|
|テーブル|SiteId|リンク先のテーブルのサイトIDを指定します。|
|テーブル|Priority|リンクテーブルの表示順序を制御|
|テーブル|NoAddButton|リンクしたアイテムの作成ボタンを非表示にする場合、trueを指定します。この項目は省略可能です。|
|共通|SearchFormat|[検索機能を使う](/ja/manual/table-management-use-search)を有効化した際の表示フォーマットを指定します。|
|共通|View: ColumnFilterHash|[JSONデータレイアウト:View](/ja/manual/api-view)を使用して選択肢を特定の項目でフィルタして表示します。フィルタする値は定数で指定することができます。|
|共通|View: ColumnFilterExpressions|[JSONデータレイアウト:View](/ja/manual/api-view)を使用して選択肢を特定の項目でフィルタして表示します。フィルタする値は変数で指定することができます。|
|共通|View: ColumnSorterHash|[JSONデータレイアウト:View](/ja/manual/api-view)を使用して選択肢を特定の項目でソートして表示します。|
|共通|Lookups|[ルックアップ](/ja/manual/table-management-lookup)機能を使用して項目を転記します。この項目は省略可能です。|
## 4. サマリ
リンク設定した「子テーブル」のレコード件数や[数値項目](/ja/manual/table-management-num)の合計、平均、最大、最小を親テーブルの指定した[数値項目](/ja/manual/table-management-num)に格納します。子レコードの追加・更新・削除と合わせて動作します。
## 関連情報
<div id="ManualList"><ul><li><a href="/en/manual/table-editor">Table Function: Record Editor Screen</a><span>10.02.2024 up</span></li>
<li><a href="/en/manual/table-record-import-and-link">Table Function: Import Records and Link Master Data</a><span>10.11.2024 up</span></li></ul></article>
<ul><li><a href="/en/manual/table-management">Manage Table</a><span>10.02.2024 up</span></li></ul></article>
<ul><li><a href="/en/manual/table-management-num">Manage Table: Column: Numerical Value</a><span>10.02.2024 up</span></li></ul></article>
<ul><li><a href="/en/manual/table-management-editor">Table Management: Editor</a><span>08.13.2024 up</span></li>
<li><a href="/en/manual/table-management-editor-columns">テーブルの管理:エディタ:エディタの項目の設定</a><span>04.09.2024 up</span></li>
<li><a href="/en/manual/table-management-choices-text">Table Management: Editor: Item Detail Settings: Option List</a><span>08.13.2024 up</span></li>
<li><a href="/en/manual/table-management-choices-text-link">Manage Table: Editor: Column Advanced Settings: Option List: Link</a><span>10.11.2024 up</span></li>
<li><a href="/en/manual/table-management-choices-text-depts">Table Management: Editor: Item Detail Settings: Option List: Departments</a><span>08.13.2024 up</span></li>
<li><a href="/en/manual/table-management-choices-text-groups">Table Management: Editor: Item Detail Settings: Option List: Group</a><span>08.13.2024 up</span></li>
<li><a href="/en/manual/table-management-choices-text-users">Table Management: Editor: Item Detail Settings: Option List: User</a><span>08.13.2024 up</span></li>
<li><a href="/en/manual/table-management-choice-json">Manage Table: Editor: Column Advanced Settings: Option List: Filter, Sort, Display Format</a><span>10.02.2024 up</span></li>
<li><a href="/en/manual/table-management-choice-json-column-filter-expressions">Manage Table: Editor: Column Advanced Settings: Option List: Filter (narrow the option list by the value of other columns)</a><span>10.02.2024 up</span></li>
<li><a href="/en/manual/table-management-lookup">Table Management: Editor: Item Detail Settings: Choice List: Lookup</a><span>08.13.2024 up</span></li>
<li><a href="/en/manual/table-management-use-search">Table Management: Editor: Item Detail Settings: Use Search function</a><span>08.13.2024 up</span></li></ul></article>
<ul><li><a href="/en/manual/table-management-link-view">Manage Table: Link</a><span>10.03.2024 up</span></li></ul></article>
<ul><li><a href="/en/manual/table-management-summary">Table Management: Summary</a><span>08.13.2024 up</span></li></ul></article>
<ul><li><a href="/en/manual/tenant-logo">Tenant Management Function: Logo, Title, Logo Image</a><span>10.08.2024 up</span></li></ul></article>
<ul><li><a href="/en/manual/api-view">開発者向け機能:JSONデータレイアウト:View</a><span>11.06.2023 up</span></li></ul></article>
<ul><li><a href="/en/manual/faq-lookup-posting">FAQ: I want to transfer the value of a parent table item to a child table item</a><span>08.14.2024 up</span></li></ul></article></div><input id="SearchTextHidden" type="hidden" value="" />