ルックアップフィールドの選択に基づいてサブフォーム行に画像を動的に表示する方法

ルックアップフィールドの選択に基づいてサブフォーム行に画像を動的に表示する方法

お知らせ:当社は、お客様により充実したサポート情報を迅速に提供するため、本ページのコンテンツは機械翻訳を用いて日本語に翻訳しています。正確かつ最新のサポート情報をご覧いただくには、本内容の英語版を参照してください。

フォームに格納された画像は、サブフォーム内で動的に取得および表示することができます。データがサブフォーム行の検索項目で選択されている場合、対応する画像が同じ行の指定されたリッチテキスト項目に表示されます。この機能は、選択ごとに視覚的な参照を提供し、ユーザーが別のビューまたはデータにナビゲートすることなく商品をすばやく識別できるようにすることで、ユーザーエクスペリエンスを強化します。
これは、ユーザーが検索項目から標準の商品を選択して順番を進めることができる順番管理シナリオでは特に便利です。対応する画像は、同じ行のリッチテキスト項目に表示されます。
このチュートリアルでは、2つのフォーム、画像の保存画像の表示の作成に焦点を当てます。 画像の保存フォームには、画像を保存するための画像項目と、各画像の参照名を記録するための暗号化キーグラフ項目が含まれます。 画像の表示フォームには、画像の保存フォームから参照名を選択するための検索項目が含まれているサブフォームがあります。 この検索選択に基づき、対応する画像がサブフォーム内に動的に表示されます。
Notes
メモ: 画像の保存フォームからのレポートは、暗号化キーを取得するために公開されます。 このキーは、画像のプレビューを容易にするために機能内で使用されます。
  1. 次の詳細でフォームを作成し、検索項目の選択に基づいてサブフォーム行に画像を動的に表示します。

    フォーム

    フォームリンク名

    項目タイプ

    項目名

    項目リンク名

    ストア画像

    Store_Image

    シングル折れ線グラフ

    参照名

    Reference_Name

    画像

    画像

    画像

    表示画像

    Display_Images

    サブフォーム

    • Lookup(Store 画像)

    • リッチテキスト

      

    サブフォーム

    • 画像 参照 名前

    • 画像 プレビューする

    サブフォーム

    • Image_Reference_Name

    • Image_Preview

    1. Notesメモ: リッチテキスト項目の項目プロパティで、すべてのツールバー設定のチェックを外すと、ユーザーがアクセスしたときにツールバーが非表示になります。

  2. レポートを公開する Store 画像 formの。私たちの場合、それはStore 画像 レポートになります。

  3. ワークフローを作成する 画像 参照 名前 項目のユーザーの入力に対して実行 Display 画像 フォームのサブフォーム内で。データイベントを作成または編集として選択します。このワークフローは、Store 画像 フォームから画像を取得し、Rich Text 項目で 画像 参照 名前 の選択に基づくプレビューを表示します。

  4. 新たな操作を追加するをクリックし、Delugeエディタに以下のスクリプトを追加します。
if(row。Reference_Name != null)
  1. {
  2. //Fetch 参照名 Lookupの選択でIDを一致させて、Store 画像 フォームから画像データを取得します。
  3. fetch_Record = Store_Images[ID == row。Image_Reference_Name];
  4. //画像のURLを取得します
  5. fetch_imageUrl = fetch_Record。画像;
  6. //画像の公開URLを作成します。
  7. subStringStart = fetch_imageUrl。lastIndexOf('画像/') + 6;
  8. subStringEnd = fetch_imageUrl。lastIndexOf('\' border');
  9. imagePath = fetch_imageUrl。subString(subStringStart,subStringEnd);
  10. Public_image = 'https://creator。zohopublic。com'+Zoho。appuri+'Store_Images_Report/' + row。Image_Reference_Name + '/画像/画像-ダウンロードする/ /' + imagePath;
  11. //Rich Textの項目で画像を表現します。
  12. row。Rich_Text='';
  13. }

ここで、
これは、レポートを出版する際に作成済みのユニークなキーです。公開済みレポートのURL内で見つけることができます。例えば、以下の公開URLにおける: https://creatorapp。zohopublic。com/zylker/it-asset-tracker/レポート-perma/All_Store_Images/nDm8eJMv4TTKMd1qOZnqA0Je8dj90rW0CbQZBBPZxZd6fM02GmuUnPa962bDKWPXmnJ8vEMdF7rpWgM3jhRb6SR8kd213G2b4nbt

暗号化されたキーは次の通りです:
nDm8eJMv4TTKMd1qOZnqA0Je8dj90rW0CbQZBBPZxZd6fM02GmuUnPa962bDKWPXmnJ8vEMdF7rpWgM3jhRb6SR8kd213G2b4nbt

動作方法を見る


  1. データを取得
  2. レポートを公開

    Zoho CRM 管理者向けトレーニング

    「導入したばかりで基本操作や設定に不安がある」、「短期間で集中的に運用開始できる状態にしたい」、「運用を開始しているが再度学び直したい」 といった課題を抱えられているユーザーさまに向けた少人数制のオンライントレーニングです。

    日々の営業活動を効率的に管理し、導入効果を高めるための方法を学びましょう。

    Zoho CRM Training



              Zoho WorkDrive Resources



                Zoho Desk Resources

                • Desk Community Learning Series


                • Digest


                • Functions


                • Meetups


                • Kbase


                • Resources


                • Glossary


                • Desk Marketplace


                • MVP Corner


                • Word of the Day









                                  Resources

                                  Videos

                                  Watch comprehensive videos on features and other important topics that will help you master Zoho CRM.



                                  eBooks

                                  Download free eBooks and access a range of topics to get deeper insight on successfully using Zoho CRM.



                                  Webinars

                                  Sign up for our webinars and learn the Zoho CRM basics, from customization to sales force automation and more.



                                  CRM Tips

                                  Make the most of Zoho CRM with these useful tips.