Power Platform Community Forum Thread Details

destroy function on tab change

Hello.

We have multiple of the same PCF app, on different tabs in the same model driven app form.

Is it possible to get a destroy function when the tab is changed?

Right now we are doing some unsupported calls into Xrm.Page.ui.tabs, to see if the component is on a active tab and then running the code we want to run, when the app is no longer in the current tab

https://www.codepile.net/pile/lBnP92e0

import {useState, useEffect} from "react";

export const useIsTabActive = (tab: any) => {
 const [isActive, setIsActive] = useState<boolean>(true);

 useEffect(() => {
 tab.addTabStateChange(changeEventStatus);
 }, []);

 const changeEventStatus = (event: any) => {
 const tabs: any[] = Object.values((window as any).Xrm.Page.ui.tabs._collection);
 const tabIndex = tabs.findIndex(_ => _._controlName == event._eventSource._controlName);
 const isAct = (window as any).Xrm.Page.ui.tabs.get(tabIndex).getDisplayState() == "expanded";
 setIsActive(isAct);
 }

 return isActive;
};

Categories:

Power Apps component framework

Quick Links

Leaderboard > Power Apps - Power Apps Pro Dev & ISV