https://community.esri.com/t5/experience-builder-custom-widgets/trying-to-send-query-data-to-widget-table/m-p/1478777#M331 <P>I made a custom widget that executes a query and then sends the response to this method in widget.tsx:</P><LI-CODE lang="javascript"> const populateDataSource = async (features: any[]) =&gt; { const dataSourceManager = DataSourceManager.getInstance(); const outputDsId = `${props.id}-output`; // Extract fields dynamically from features const feature = features[0]; const attributes = feature.attributes; const fields = Object.keys(attributes).reduce((acc, fieldName) =&gt; { acc[fieldName] = { name: fieldName, alias: fieldName, type: typeof attributes[fieldName] === 'number' ? 'esriFieldTypeDouble' : 'esriFieldTypeString' }; return acc; }, {}); // Define data source JSON const dsJson: IMDataSourceJson = Immutable({ id: outputDsId, type: DataSourceTypes.FeatureLayer, label: "Query Result Layer", originDataSources: [], isDataInDataSourceInstance: true, schema: { fields: fields } }); // Create or get the data source let ods; try { ods = await dataSourceManager.createDataSource(dsJson); } catch (error) { console.error("Error creating data source:", error); return; } // Populate the data source with features const dataRecords = features.map(f =&gt; ods.buildRecord(f)); ods.setSourceRecords(dataRecords); ods.setStatus(DataSourceStatus.Loaded); ods.setCountStatus(DataSourceStatus.Loaded); // Prepare the DataRecordSet array const dataRecordSet: DataRecordSet = { name: `${props.id}-output-record-set`, dataSource: ods, records: dataRecords }; // Determine the data level, typically it is DataLevel.Records for multiple records const dataLevel = DataLevel.Records; // Use the widget ID of the table widget where the action will be applied const widgetId = "widget_5"; // Replace this with your actual table widget ID // Dispatch the action to open the results in a new tab in the table widget const instance = DataActionManager.getInstance(); const action = instance.getActions().find(a =&gt; a.id === "widget_5-addToTable"); if (action) { console.log("Executing data action"); await action.onExecute([dataRecordSet], dataLevel, widgetId); } else { console.error("Data action not found"); } console.log(DataSourceManager.getInstance()); console.log(DataActionManager.getInstance()); }; </LI-CODE><P>&nbsp;I logged DataActionManager.getInstance() and got the table widget's ID.&nbsp;</P><P>When this method is executed, a new tab with the proper name is created in the table widget, but it is empty.</P><P>When logging DataSourceManager I see this widget's data source:</P><P><span class="lia-inline-image-display-wrapper lia-image-align-inline" image-alt="Screenshot 2024-05-25 144352.png" style="width: 400px;"><img src="https://community.esri.com/t5/image/serverpage/image-id/105393i88D2A9698DB3606F/image-size/medium?v=v2&amp;px=400" role="button" title="Screenshot 2024-05-25 144352.png" alt="Screenshot 2024-05-25 144352.png" /></span></P><P>Along with the errors when the new tab is created.</P><P>How can I make this work? I would appreciate any kind of help. Please let me know if you need more info/context.</P> Sat, 25 May 2024 13:48:02 GMT Esprit3 2024-05-25T13:48:02Z https://community.esri.com/t5/experience-builder-custom-widgets/trying-to-send-query-data-to-widget-table/m-p/1478777#M331 <P>I made a custom widget that executes a query and then sends the response to this method in widget.tsx:</P><LI-CODE lang="javascript"> const populateDataSource = async (features: any[]) =&gt; { const dataSourceManager = DataSourceManager.getInstance(); const outputDsId = `${props.id}-output`; // Extract fields dynamically from features const feature = features[0]; const attributes = feature.attributes; const fields = Object.keys(attributes).reduce((acc, fieldName) =&gt; { acc[fieldName] = { name: fieldName, alias: fieldName, type: typeof attributes[fieldName] === 'number' ? 'esriFieldTypeDouble' : 'esriFieldTypeString' }; return acc; }, {}); // Define data source JSON const dsJson: IMDataSourceJson = Immutable({ id: outputDsId, type: DataSourceTypes.FeatureLayer, label: "Query Result Layer", originDataSources: [], isDataInDataSourceInstance: true, schema: { fields: fields } }); // Create or get the data source let ods; try { ods = await dataSourceManager.createDataSource(dsJson); } catch (error) { console.error("Error creating data source:", error); return; } // Populate the data source with features const dataRecords = features.map(f =&gt; ods.buildRecord(f)); ods.setSourceRecords(dataRecords); ods.setStatus(DataSourceStatus.Loaded); ods.setCountStatus(DataSourceStatus.Loaded); // Prepare the DataRecordSet array const dataRecordSet: DataRecordSet = { name: `${props.id}-output-record-set`, dataSource: ods, records: dataRecords }; // Determine the data level, typically it is DataLevel.Records for multiple records const dataLevel = DataLevel.Records; // Use the widget ID of the table widget where the action will be applied const widgetId = "widget_5"; // Replace this with your actual table widget ID // Dispatch the action to open the results in a new tab in the table widget const instance = DataActionManager.getInstance(); const action = instance.getActions().find(a =&gt; a.id === "widget_5-addToTable"); if (action) { console.log("Executing data action"); await action.onExecute([dataRecordSet], dataLevel, widgetId); } else { console.error("Data action not found"); } console.log(DataSourceManager.getInstance()); console.log(DataActionManager.getInstance()); }; </LI-CODE><P>&nbsp;I logged DataActionManager.getInstance() and got the table widget's ID.&nbsp;</P><P>When this method is executed, a new tab with the proper name is created in the table widget, but it is empty.</P><P>When logging DataSourceManager I see this widget's data source:</P><P><span class="lia-inline-image-display-wrapper lia-image-align-inline" image-alt="Screenshot 2024-05-25 144352.png" style="width: 400px;"><img src="https://community.esri.com/t5/image/serverpage/image-id/105393i88D2A9698DB3606F/image-size/medium?v=v2&amp;px=400" role="button" title="Screenshot 2024-05-25 144352.png" alt="Screenshot 2024-05-25 144352.png" /></span></P><P>Along with the errors when the new tab is created.</P><P>How can I make this work? I would appreciate any kind of help. Please let me know if you need more info/context.</P> Sat, 25 May 2024 13:48:02 GMT https://community.esri.com/t5/experience-builder-custom-widgets/trying-to-send-query-data-to-widget-table/m-p/1478777#M331 Esprit3 2024-05-25T13:48:02Z