現在のブラウザ・タブ・コンテキストでのモーダル・ウィンドウ操作
「グローバル・コンテキスト」および「ブラウザ・タブ」コンテキストで「モーダル・ウィンドウ」操作を実行できます。 MCAフローティング・ツールバー・ウィンドウでは、オープナ・タブのTabコンテキストを取得するには、getCurrentBrowserTabContextメソッドを使用します。 MCAフローティング・ツールバー・ウィンドウのオープナ・タブ・コンテキストを返します。
ノート: ウィンドウ操作を実行するには、MCAフローティング・ツールバー・ウィンドウのオープナ・ウィンドウのタブ・コンテキストを取得します。 ブラウザ・タブIDが指定されていない場合、MCAフローティング・ツールバー・ウィンドウのオープナ・ページ・コンテキストがデフォルトのタブ・コンテキストになります。 開いているブラウザ・タブを閉じると、開いている別のブラウザ・タブからタブ・コンテキストが取得されます。
次の例は、getTabContext
メソッドの構文を示しています:
getCurrentBrowserTabContext(tabId?:string): Promise<ITabContext>;
OpenModalタブ・コンテキストでのアクション
TypeScriptの例を次に示します:
const openModal = async () => {
const uiEventsFrameworkInstance: IUiEventsFrameworkProvider = await CX_SVC_UI_EVENTS_FRAMEWORK.uiEventsFramework.initialize('app', 'v1');
const openerWindowContext: ITabContext = await uiEventsFrameworkInstance.getCurrentBrowserTabContext();
const requestObject: IOpenModalWindowRequest = uiEventsFrameworkInstance.requestHelper.createPublishRequest('OpenModal') as IOpenModalWindowRequest;
requestObject.setURL('https://www.wikipedia.org/');
requestObject.setId('modal1');
const response: IModalWindowOperationResponse = await openerWindowContext.publish(requestObject) as IModalWindowOperationResponse;
const id:string = response.getResponseData().getId();
}
JavaScriptの例を次に示します:
const openModal = async () => {
const uiEventsFrameworkInstance = await CX_SVC_UI_EVENTS_FRAMEWORK.uiEventsFramework.initialize('app', 'v1');
const openerWindowContext = await uiEventsFrameworkInstance.getCurrentBrowserTabContext();
const requestObject = uiEventsFrameworkInstance.requestHelper.createPublishRequest('OpenModal');
requestObject.setURL('https://www.wikipedia.org/');
requestObject.setId('modal1');
const response = await openerWindowContext.publish(requestObject);
const id = response.getResponseData().getId();
}
OpenPopup指定されたTabIdのタブ・コンテキストでのアクション
TypeScriptの例を次に示します:
const openModal = async () => {
const uiEventsFrameworkInstance: IUiEventsFrameworkProvider = await CX_SVC_UI_EVENTS_FRAMEWORK.uiEventsFramework.initialize('app', 'v1');
const tabContext: ITabContext = await uiEventsFrameworkInstance.getCurrentBrowserTabContext('tabId');
const requestObject: IOpenModalWindowRequest = uiEventsFrameworkInstance.requestHelper.createPublishRequest('OpenModal') as IOpenModalWindowRequest;
requestObject.setURL('https://www.wikipedia.org/');
requestObject.setId('popup1');
const response: IModalWindowOperationResponse = await tabContext.publish(requestObject) as IModalWindowOperationResponse;
const id:string = response.getResponseData().getId();
}
JavaScriptの例を次に示します:
const openModal = async () => {
const uiEventsFrameworkInstance = await CX_SVC_UI_EVENTS_FRAMEWORK.uiEventsFramework.initialize('app', 'v1');
const tabContext = await uiEventsFrameworkInstance.getCurrentBrowserTabContext('tabId');
const requestObject = uiEventsFrameworkInstance.requestHelper.createPublishRequest('OpenModal');
requestObject.setURL('https://www.wikipedia.org/');
requestObject.setId('popup1');
const response = await tabContext.publish(requestObject);
const id = response.getResponseData().getId();
}
指定されたTabIdおよびmsiTabIdのタブ・コンテキストのOpenPopupアクション
TypeScriptの例を次に示します:
const openPopup = async () => {
const uiEventsFrameworkInstance: IUiEventsFrameworkProvider = await CX_SVC_UI_EVENTS_FRAMEWORK.uiEventsFramework.initialize('app', 'v1');
const tabContext: ITabContext = await uiEventsFrameworkInstance.getTabContext('tabId','msiTabId');
const requestObject: IOpenModalWindowRequest = uiEventsFrameworkInstance.requestHelper.createPublishRequest('OpenPopup') as IOpenModalWindowRequest;
requestObject.setURL('https://www.wikipedia.org/');
requestObject.setId('popup1');
const response: IModalWindowOperationResponse = await tabContext.publish(requestObject) as IModalWindowOperationResponse;
const id:string = response.getResponseData().getId();
}
JavaScriptの例を次に示します:
const openPopup = async () => {
const uiEventsFrameworkInstance = await CX_SVC_UI_EVENTS_FRAMEWORK.uiEventsFramework.initialize('app', 'v1');
const tabContext = await uiEventsFrameworkInstance.getTabContext('tabId');
const requestObject = uiEventsFrameworkInstance.requestHelper.createPublishRequest('OpenPopup');
requestObject.setURL('https://www.wikipedia.org/');
requestObject.setId('popup1');
const response = await tabContext.publish(requestObject);
const id = response.getResponseData().getId();
}
指定されたTabIdおよびmsiTabIdのタブ・コンテキストのClosePopupアクション
TypeScriptの例を次に示します:
const closePopup = async () => {
const uiEventsFrameworkInstance: IUiEventsFrameworkProvider = await CX_SVC_UI_EVENTS_FRAMEWORK.uiEventsFramework.initialize('app', 'v1');
const tabContext: ITabContext = await uiEventsFrameworkInstance.getTabContext('tabId','msiTabId');
const requestObject: IModalWindowRequest = uiEventsFrameworkInstance.requestHelper.createPublishRequest('ClosePopup') as IOpenModalWindowRequest;
requestObject.setId('popup1');
const response: IModalWindowOperationResponse = await tabContext.publish(requestObject) as IModalWindowOperationResponse;
const id:string = response.getResponseData().getId();
}
JavaScriptの例を次に示します:
const closePopup = async () => {
const uiEventsFrameworkInstance = await CX_SVC_UI_EVENTS_FRAMEWORK.uiEventsFramework.initialize('app', 'v1');
const tabContext = await uiEventsFrameworkInstance.getTabContext('tabId','msiTabId');
const requestObject = uiEventsFrameworkInstance.requestHelper.createPublishRequest('ClosePopup');
requestObject.setId('popup1');
const response = await tabContext.publish(requestObject);
const id = response.getResponseData().getId();
}