Zoho Creatorページに組織ツリーマップ拡張機能を追加・設定する方法
お知らせ：当社は、お客様により充実したサポート情報を迅速に提供するため、本ページのコンテンツは機械翻訳を用いて日本語に翻訳しています。正確かつ最新のサポート情報をご覧いただくには、本内容の英語版を参照してください。
要件
Zoho Creator アプリケーションに Organizational Tree Map 拡張機能を追加して、組織の階層構造をすばやく直感的に可視化・把握できるようにします。
ユースケース
組織内のすべての従業員情報を保存するために、Zoho Creator 従業員管理アプリケーションを使用しているとします。従業員の階層データを表示するには、アプリケーション内の任意のページに Organizational Tree Map 拡張機能を埋め込むことができます。この拡張機能により、レポートライン（報告関係）を明確かつインタラクティブに可視化でき、組織階層の直感的な概要を把握できます。
前提条件
Zoho Creator 用 Organizational Tree Map 拡張機能のインストール
- Organizational Tree Map 拡張機能を Zoho Creator 用に Zoho マーケットプレイスから検索してインストールします。拡張機能をインストールおよび管理する方法を参照してください。
または、Zoho Creator から直接Organizational Tree Map 拡張機能をインストールすることもできます。[Operations] セクション > [Application] > [マーケットプレイス] > [拡張機能]に移動し、インストールします。
手順
-
従業員情報を保存するため、次の詳細でフォームを作成します。
フォーム名
フォームリンク名
項目タイプ
項目名
項目リンク名
従業員詳細
Employee_Details
名前
従業員名
Employee_Name
メール
メール
メール
電話番号
電話番号
電話番号
単一行
役職
役職
ルックアップ
(従業員詳細)
メモ:このルックアップ項目は同じフォームにリンクし、表示項目は「従業員名」に設定してください。Reporting To
(従業員名)
Reporting_To
画像
Photo
Photo
- ページを作成し、名前を「Organizational Chart」としてOrganizational Tree Map拡張機能を追加します。
- 左ペインの[Widgets]セクション内の[Installed]カテゴリーに表示されるTree Map ウィジェット拡張機能をドラッグ＆ドロップします。
-
ページのページ変数に移動し、拡張機能に必要な必須パラメーターを含めるため、次のページ変数を追加します。
変数
データの種類
appname
TEXT
reportname
TEXT
従業員
TEXT
photo
TEXT
employeesubtext
TEXT
reportingto
TEXT
- ページスクリプトを設定し、拡張機能のパラメーターにデータを渡すために、次のスクリプトをエディターに追加します。
- //ページ変数の値を定義します。
- input。appname = '従業員-Management'; //アプリケーションのリンク名。
- input。reportname = 'All_Employee_Details'; //'従業員 詳細'フォームのレポートのレポートリンク名。
- input。従業員 = 'Employee_Name'; //'従業員 名前'フォーム項目の項目リンク名。
- input。photo = 'Photo'; //'Photo'フォーム項目の項目リンク名。
- input。employeesubtext= '役職'; //'役職'フォーム項目の項目リンク名。
- input。reportingto = 'Reporting_To'; //'Reporting To'フォーム項目の項目リンク名。