Create a page that displays a tree on the left side of the page and a list of records on the right side.
This action will create a customized record list page.
As preparation, create a “View” in the Kintone app settings for creating a “Create Composite View of Tree and List.” Configure the setting in the app as described below:
The fields to be displayed are set in the Customine action, not on the Kintone app settings.
In the action of “Create Composite View of Tree and List”, set the condition to “When Record List Page Displayed”. The condition of “If the current list is specified” is not required.
When you execute the action of “Create Composite View of Tree and List”, if the record list page is the one specified by the “View ID”, it will display the page customized by that action. If it is a view other than the one specified by “View ID”, it will be displayed as a standard view.
The tree side is initially in a folded state. Clicking the " > " or " ∨ " icon to the left of the tree item expands or collapses the tree.
Clicking on the tree item shows the records of children whose parent key field matches the selected item on the right. Clicking on the top-level item displays records with an empty parent key field.
The records shown in the tree and list reflect the applied filtering settings, such as conditions and sorting. The following conditions will not be reflected:
Unlike the standard record list page, the following elements do not exist.
The attachment field will be displayed in the link format. Images and PDFs will be displayed in a gallery format (preview) when clicked. Other files will be downloaded when clicked.
Set View ID, Key Field, Parent Key Field, Root Node Name, Tree Width(px), and Display Fields.
Specify the ID of the list prepared in the explanation of “How to use”. You can check it on the View settings page on the Kintone app settings.
You cannot specify it with the name of the view.
Select the field to be displayed in the record list.
This parameter accepts the following field types:
This parameter does not accept fields that are inside tables.
Specify the field for the parent key name to determine the parent-child relationship of the tree. If you click on the “Natural Sciences” item in the tree, the record with the parent key value of “Natural Sciences” will be searched.
This parameter accepts the following field types:
This parameter does not accept fields that are inside tables.
The name of the item displayed on the tree will be the value of the key field, but the top-level item does not have a value for the key field. Then, set the item name for displaying the top-level item with this parameter.
Specify the width value of the tree display section.
Select the fields to display on the record list.
When you organize the chosen fields, they will appear in that order on the list.
The selectable field types are anything other than the followings:
You cannot select the table itself, but you can select the fields within the table. When selecting fields within a table, one row of the table becomes one row in the list, and fields outside the table are displayed with vertical cell merging for the number of table rows.
It is fine whether or not to include “Key Field” or “Parent Key Field”.
The actions to change field appearance such as the “Change Field Background Color " action can work when combined with this Create Composite View of Tree and List.”
However, actions such as “Change Field Background Color” need to be executed after “Create Composite View of Tree and List.” For example, when executing the action “Change Field Background Color” with the condition of “When Record List Page Displayed”, the background color will not change because the composite screen view not yet been created. To operate correctly, set the condition to “When Record List Page Displayed With Tree View.”
If access permissions for the “Display Field” are missing, the field name will appear in the list column, but the field value will not be shown.
When the field code of the field set in the “Display Field” is changed later, the field name will appear in the list column, but the field value will not appear.
The mobile view is not supported.
There is no function to change the width of the column.
The width of the tree column can be changed, but the change is not saved. When the page is reloaded, the width of the tree column will return to the width set in “Tree Width (pixels)”.