モーダルボックスの取り扱い

モーダルボックスの取り扱い

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

invokeメソッドを使用してmodal箱を開く

指定した場所に拡張機能の新規iframeインスタンスを作成します。


zohoprojects.invoke('modal.create',modal_location);
Argument 名前 データの種類 説明
操作 string 'modal.作成' - モーダル箱を作成または開きます。
modal_location Object 呼び出す必要があるHTMLファイルの相対パス。例: {'url':'/app/choosefiles。html'};

ウィジェットIDと文字列定数が出力として作成済みです。

invokeメソッドによるモーダル箱の閉鎖

指定した場所で既に開かれている拡張機能のiframeインスタンスを閉じます。


zohoprojects.invoke('modal.close',modalInfo.widgetID);
Argument 名前 データの種類 説明
操作 string 'modal.閉じる' - 開いているモーダル箱を閉じます。
widgetID Object 'modal.作成' の出力として作成されたwidgetIDを指定してください。

invoke メソッドによるモーダル箱のリサイズ

拡張機能の iframe インスタンスを指定したサイズにリサイズします。

zohoprojects.invoke('modal.resize', resize_modal);
引数名 データ型 説明
操作 string 'modal。resize' - モーダル箱の初期設定サイズを拡大します。
resize_modal Object 呼び出す必要があるHTMLファイルの相対パス。例: {'width' : 600, 'height' : 400};
許容される最小・最大の高さ: 380px および 450px。
許容される最小・最大の幅: 550px および 950px。

ウィジェットIDと文字列定数が出力として作成済みです。

invoke メソッドによる添付ファイルピッカーの閉じ方

指定した場所でファイルを添付するために開かれた拡張機能のiframeインスタンスを閉じます。


zohoprojects.invoke('attachment_picker.close');

instance

特定のウィジェットのインスタンスを作成します。



zohoprojects.instance(widget_ID);

Argument 名前 データの種類 説明
ID string Widget ID(作成済み)。invoke メソッドの差出人。

emit

データを現在の場所から送信します。

zohoprojects.emit('KeyforMyListener', data);

オン

emitメソッドからのデータを受信またはリッスンします。



zohoprojects.on('KeyforMyListener', data);

次のサンプルコードブロックは、親ファイル「/apps/index.html」から呼び出され、子ファイル「/apps/file.html」に対応しています。


var modal_location={'url':'/apps/file.html'};
zohoprojects.invoke('modal.create',modal_location).then(function(modalInfo){
var modalInstance=zohoprojects.instance(modalInfo.widgetID);
modalInstance.on('modal.opened', function(){ /* このコードは、子HTML「file.html」からステータス「modal.opened」をリッスンします */
var data = {org: '1234'};
modalInstance.emit('submit', data);
});/* このコードは、オブジェクトとともにステータス「submit」を子HTML「file.html」に送信します */
modalInstance.on('submitted',function(data){ 
/*このコードは、子HTMLからキー「submitted」のステータスをリッスンします*/
zohoprojects.invoke('modal.close', modalInfo.widgetID);
});

以下のサンプルコードブロックは「差出人」と呼ばれ、子ファイル「/apps/file。html」と「/apps/index。html」が親ファイルです。



var filedetails = {'filename': 'abc'};
zohoprojects.on('submit', function (data) {});
/*このコードは、親ファイル index.html から「submit」というキーのイベントを受信します。*/
zohoprojects.emit('submitted', filedetails); 
/*このコードは、親ファイル index.html に「submitted」というステータスとオブジェクトを送信します。*/

注意

完了または失敗アラートを設定して表示します。


zohoprojects.invoke('alert', {
                            type: 'success',  //または 'failure'
                            data: '権限が正常に付与されました'
                        });

完了 Transition

タスクのトランジションを「完了」として設定します。


zohoprojects.invoke('completeTaskTransition'); 

閉じるトランジション

タスクトランジションのポップアップを閉じます


zohoprojects.invoke('closeTransition');

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

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

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

    Zoho CRM Training



            Zoho Campaigns Resources

              Zoho WorkDrive Resources




                • Desk Community Learning Series


                • Digest


                • Functions


                • Meetups


                • Kbase


                • Resources


                • Glossary


                • Desk Marketplace


                • MVP Corner


                • Word of the Day


                • Ask the Experts









                                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.