启用更衣柜服务后,Onclick功能无法在Aura捆绑软件中的svg图标上起作用。

时间:2018-12-14 09:45:58

标签: salesforce salesforce-lightning salesforce-communities

组件文件:

<aura:iteration items="{!v.maintain}" var="varr" indexVar="index">
                        <div class="dismissibleCardsContent col-sm-12 col-md-12 p-t-10">
                            <h3>
                                <c:svgIcon class="{!'slds-icon--medium slds-icon-text-default'+index}" svgPath="{!$Resource.SLDS214 +'/assets/icons/utility-sprite/svg/symbols.svg#'+varr.icontop}" />
                                <span>{!varr.title}</span> 

                                <button id="{!index}" onclick="{!c.onClick}" >
                                    <c:svgIcon class="slds-icon--medium iconclose" svgPath="{!$Resource.SLDS214 +'/assets/icons/utility-sprite/svg/symbols.svg#close'}"  />
                                </button>

                            </h3>
</aura:iteration>

控制器文件:

在控制器中,如果启用了更衣室服务,则无法读取srcElement,因为它显示未定义。如果我关闭了更衣室服务,那么它可以正常工作。

onClick: function(component, event, helper) {    
    var buttonid;
    if(event.srcElement.tagName == 'svg'){            
        var srcEl = event.srcElement;
        var parent1 = srcEl.parentNode;
        var parent2 = parent1.parentNode;
        buttonid = parent2.id;            
    }
}

0 个答案:

没有答案