Zoho Creatorアプリケーションの機能を拡張するためにウィジェットが使用されます。これにより、ビルトイン機能では実現できないタスクを実行したり、アプリのフロントエンド機能を強化することができます。ウィジェットとして機能を作成し、ページに追加することで、求めるユーザビリティを得ることができます。

ウィジェットを含めて、Creatorアプリの要件を満たすサードパーティアプリをページに組み込むこともできます。これらのウィジェットでは、ボタンのいずれかをクリックすると、一定のナビゲーションアクションが実行されるように設定したい場合があります。たとえば、「前へ」ボタンをクリックすると、ユーザーが前のURLにリダイレクトされるようになります。「キャンセル」ボタンをクリックすると、ウィジェットポップアップが閉じられますが、ユーザーは親ページのままになります。これらのアクションは、親ウィンドウと子ウィンドウのドメインが同じ場合に実行されます。現在、親ウィンドウと子ウィンドウが異なるドメインで動作している場合、クロスドメイン制限のため、それぞれのアクションは実行されません。 

このnavigateParentURL()メソッドを使用すると、子ウィンドウから親ウィンドウへアクションを実行することができます。言い換えれば、このメソッドは親コンテナを制御するためにのみ使用され、親URLに対して実行されるアクションにのみ使用されます。 

親ウィンドウと子ウィンドウを識別するにはどうすればよいですか？

親ウィンドウとは、現在ユーザーが到達し、操作を行う主なウィンドウです。 例えば、アプリケーション内のダッシュボードページは親ウィンドウです。 メインウィンドウの内側に開かれるすべてのウィンドウは子ウィンドウです。 例えば、ダッシュボードページ内で開かれるメールサブスクリプションポップアップは子ウィンドウです。

注意: 親ウィンドウには複数の子ウィンドウがある可能性があります。

あなたが「Food Delivery Management」というアプリケーションを作成したとします。その中で「User Details」というフォームを構築しました。ユーザーは自分の詳細を入力し、「Verify Details」フィールド（決定ボックス）をチェックすると、「Verify Phone Number」というポップアップが開きます。これは実際にはウィジェットとして組み込まれたサードパーティーサービスです。ユーザーは電話番号を入力して「Verify」をクリックするか、ポップアップを閉じることができます。 

1. ‌var パラメーター = {
2. アクション：${ACTIONVALUE} 
3. URL： ${URL} 
4. ウィンドウ： ${WINDOWTYPE}
5. }
6. ZOHO.CREATOR.UTIL.navigateParentURL（パラメーター） 

‌注意: この方法は大文字と小文字を区別します。値が2つ以上の単語の場合、キャメルケースが受け入れられます。

例えば、上記の構文は以下のように使用することができます。

URLを開く

1. ZOHO.CREATOR.init().then(function (data) {
2.  var param = {
3. action: '開く',url: 'https://www.zoho.com/widgets.html', window: '新しい'   };
4. ZOHO.CREATOR.UTIL.navigateParentURL(param); 
5. });

URLを閉じる方法

1. ZOHO.CREATOR.init().then(function (データ) {
2. var param = {action: '閉じる' };
3. ZOHO.CREATOR.UTIL.navigateParentURL(param);   
4. });

あなたがZylker Tutorialsというクイズ管理アプリを作成したと仮定しましょう。このアプリでは、ユーザーが自分の選択したトピックのクイズに参加できます。 

ユーザーがクイズを完了し、次へ ボタンをクリックすると、ウィジェットを含む Captcha の確認 ページに移動します。このサードパーティーのウィジェットは、ユーザーがクイズの答えが自動入力（ロボットによる入力）されていないことを証明するために関連するオプションをチェックする必要がある画像を表示するように構成されています。間違ったオプションをチェックすると、同じページにエラーが表示されます。正しいオプションをチェックしたら、ウィジェットから ユーザー詳細 フォームにリダイレクトされます。このリダイレクトは、フォームを開くオープンアクションを実行するように構成された navigateParentURL（） メソッドを使用して実行されます。必要な詳細を入力した後、ユーザーはフォームを送信できます。 

上記の使用例を設定する方法を学ぶには、ここをクリックしてください。

現在、ウィンドウタイプを指定する際、ポップアップウィンドウはサポートされていません。