https://community.fabric.microsoft.com/t5/Developer/How-to-optimize-selectionManager-select-Lags-the-system-when/m-p/4344316#M58820 <P>Hi&nbsp;<a href="https://community.fabric.microsoft.com/t5/user/viewprofilepage/user-id/905502">@Tung</a>&nbsp;,</P> <P>Please change the codes as below and check if it can work better...</P> <LI-CODE lang="markup">const handleClickSelectionVisual = useCallback((groupList: string[], parentRowList: { [key: string]: string | string[] }[]) =&gt; { if (_.isEmpty(groupList) &amp;&amp; _.isEmpty(parentRowList)) { selectionManager.clear(); return; } const rows = dataTableOrigin.rows || []; const dataParent = parentRowList.map(item =&gt; item.rows) || []; const indices = filterDataGetIndices(dataParent as string[][], rows, groupList); // Using map instead of forEach for potential performance improvement const selectionList = indices.map((index: number) =&gt; selectionIdBuilder.createSelectionIdBuilder() .withTable(dataTableOrigin, index) .createSelectionId() ); // Debouncing the select call to avoid frequent execution debounce(() =&gt; { selectionManager.select(selectionList, false); }, 100); }, [selectionFilter, dataTableOrigin.rows]); // Debounce function implementation function debounce(func, wait) { let timeout; return function() { clearTimeout(timeout); timeout = setTimeout(() =&gt; { func.apply(this, arguments); }, wait); }; }</LI-CODE> <P>Or you can raise the ticket in <EM>Custom Visuals Development Discussion forum</EM> for a dedicated and professional support.</P> <P><A href="https://community.fabric.microsoft.com/t5/Custom-Visuals-Development/bd-p/CustomVisualsDevelopmentDiscussion" target="_blank">Custom Visuals Development Discussion - Microsoft Fabric Community</A></P> <P>Best Regards</P> Fri, 27 Dec 2024 07:17:30 GMT Anonymous 2024-12-27T07:17:30Z https://community.fabric.microsoft.com/t5/Developer/How-to-optimize-selectionManager-select-Lags-the-system-when/m-p/4343335#M58809 <P>My code has performance problem when selecting. It searches and returns index very fast. I return index to create "createSelectionIdBuilder" by index. but when it comes to the part of code that passes selectionList into select() "selectionManager.select(selectionList, false);" it slows down my system. Is there any way I can fix this problem. Thanks.</P><P>&nbsp;</P><LI-CODE lang="javascript"> const handleClickSelectionVisual = useCallback((groupList: string[], parentRowList: { [key: string]: string | string[] }[]) =&gt; { if (_.isEmpty(groupList) &amp;&amp; _.isEmpty(parentRowList)) { selectionManager.clear() return; } const rows = dataTableOrigin.rows || []; const dataParent = parentRowList.map(item =&gt; item.rows) || [] const indices = filterDataGetIndices(dataParent as string[][], rows, groupList) const selectionList = [] indices.forEach((index: number) =&gt; { const selection = selectionIdBuilder.createSelectionIdBuilder() .withTable(dataTableOrigin, index) .createSelectionId(); selectionList.push(selection); }) selectionManager.select(selectionList, false); }, [selectionFilter, dataTableOrigin.rows])</LI-CODE><P>&nbsp;</P><P>&nbsp;</P><P>&nbsp;</P> Thu, 26 Dec 2024 07:29:56 GMT https://community.fabric.microsoft.com/t5/Developer/How-to-optimize-selectionManager-select-Lags-the-system-when/m-p/4343335#M58809 Tung 2024-12-26T07:29:56Z https://community.fabric.microsoft.com/t5/Developer/How-to-optimize-selectionManager-select-Lags-the-system-when/m-p/4344316#M58820 <P>Hi&nbsp;<a href="https://community.fabric.microsoft.com/t5/user/viewprofilepage/user-id/905502">@Tung</a>&nbsp;,</P> <P>Please change the codes as below and check if it can work better...</P> <LI-CODE lang="markup">const handleClickSelectionVisual = useCallback((groupList: string[], parentRowList: { [key: string]: string | string[] }[]) =&gt; { if (_.isEmpty(groupList) &amp;&amp; _.isEmpty(parentRowList)) { selectionManager.clear(); return; } const rows = dataTableOrigin.rows || []; const dataParent = parentRowList.map(item =&gt; item.rows) || []; const indices = filterDataGetIndices(dataParent as string[][], rows, groupList); // Using map instead of forEach for potential performance improvement const selectionList = indices.map((index: number) =&gt; selectionIdBuilder.createSelectionIdBuilder() .withTable(dataTableOrigin, index) .createSelectionId() ); // Debouncing the select call to avoid frequent execution debounce(() =&gt; { selectionManager.select(selectionList, false); }, 100); }, [selectionFilter, dataTableOrigin.rows]); // Debounce function implementation function debounce(func, wait) { let timeout; return function() { clearTimeout(timeout); timeout = setTimeout(() =&gt; { func.apply(this, arguments); }, wait); }; }</LI-CODE> <P>Or you can raise the ticket in <EM>Custom Visuals Development Discussion forum</EM> for a dedicated and professional support.</P> <P><A href="https://community.fabric.microsoft.com/t5/Custom-Visuals-Development/bd-p/CustomVisualsDevelopmentDiscussion" target="_blank">Custom Visuals Development Discussion - Microsoft Fabric Community</A></P> <P>Best Regards</P> Fri, 27 Dec 2024 07:17:30 GMT https://community.fabric.microsoft.com/t5/Developer/How-to-optimize-selectionManager-select-Lags-the-system-when/m-p/4344316#M58820 Anonymous 2024-12-27T07:17:30Z https://community.fabric.microsoft.com/t5/Developer/How-to-optimize-selectionManager-select-Lags-the-system-when/m-p/4345691#M58828 <P>thanks, but that code doesn't solve the problem</P> Mon, 30 Dec 2024 01:58:13 GMT https://community.fabric.microsoft.com/t5/Developer/How-to-optimize-selectionManager-select-Lags-the-system-when/m-p/4345691#M58828 Tung 2024-12-30T01:58:13Z