EVT_Renderer_Element_Added

RDraw:EVT_Renderer_Element_Added

Usage Notes

This event is raised when an element is added to the 3D scene. Handling this event allows for the receiving of the details of that 3D node that was added, specifically what type of element, and it's uniqueId to modify or reference in a later transaction.

Parameters

NAME	TYPE	DESCRIPTION
elementType	string	The type of element added to the screen, one of 3DText, photoDome, video, 2DImage, model
name	string	The name of the component selected
uniqueId	string	The uniqueId of the component selected.
transaction	string	A transaction identifier for correlating the add operation with a later verify (see EVT_Renderer_Element_Verify)

Source Component

• SimpleRenderer

Handler Component

• AdvancedRenderer

Event Name (for handler)

<aura:handler event="RDraw:EVT_Renderer_Element_Added" action="{!c.handleElementAdded}" />

Example Usage

On selection of a 3D component subnode, the RDraw:EVT_Renderer_Select_Component event is raised, passing the id, name and uniqueId. These can then be processed/linked to a Salesforce record or process.

Component

  <aura:component implements="lightning:availableForFlowScreens,flexipage:availableForAllPageTypes,force:hasRecordId">
      <aura:handler name="elementAdded" event="RDraw:EVT_Renderer_Element_Added" action="{!c.handleElementAdded}" />
  <RDraw:AdvancedRenderer displayContext="true" aura:id="renderer"
                            nodeIgnoreList="{!v.excludeMeshNames}" displayContextDetails="{!v.displayQuoteLineDetails}"
                            displaySidebar="{!v.showSidebar}" size="Medium" allowSelection="true"
                            brandImageURL="{!v.brandImageURL}" recordId="{!v.selectedQuoteLineId}">
                            ... 
                            </RDraw:AdvancedRenderer>
  </aura:component>

Add 3D text, 2D text, a photodome, a 2D Image or a Video to the scene to raise the event

Controller

[{
  handleElementAdded: function (component, event, helper) {
        let shouldToast = component.get('v.displayToastOnElementAdded');
        if (shouldToast) {
            let elementType = event.getParam('elementType')
            let name = event.getParam('name')
            let uniqueId = event.getParam('uniqueId')
            var toastEvent = $A.get("e.force:showToast");
            toastEvent.setParams({
                message: 'A ' + elementType + ' was added to the scene, uniqueId=' + uniqueId,
            })
            toastEvent.fire();
        }
    },
}]