2

I need event element to append div after this event element. With Locker Service. It's Working using jQuery before activation Locker Service. But now i am not getting event target element.

I want to display a div after a button click. I am using lightning.

Here is some code example:

Component

<lightning:button variant="neutral" value="deleteMass" onclick="{!c.doSomething}" />

Component Controller

doSomething: function(cmp, event){
   var myButton = $(event.target).closest("button");

   // appending a div after that button
   var tabbedDiv = $(".tabular-dropdown");
   tabbedDiv.insertAfter(pTarget);
}
  • There's no need to use jQuery here. Perhaps you could include some more code? – sfdcfox Mar 6 '17 at 8:47
  • Hope this helps. – Rohit Mourya Mar 6 '17 at 9:19
2

DOM event not working in lightning component namespace (eg: lightning:button or ui:button)

I just put a unique Id in its parent And put a value tag in lightning:button eg:

<li id="1212__Button">
 <lightning:button variant="neutral" value="1212__Button" onclick="{!c.doSomething}" />
</li>

And then i got the value in controller using event.getSource() eg:

doSomething: function(cmp, event){
 var value = event.getSource().get("v.value");
 var targetBtn.append(tabbedDivHtml); = $('#'+ value);
 var tabbedDiv = $(".tabular-dropdown");

 // appending a div after that button
 targetBtn.append(tabbedDiv);
}
| improve this answer | |
  • This answer for those who has enabled locker service – Tariq Apr 14 '17 at 7:02

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service, privacy policy and cookie policy

Not the answer you're looking for? Browse other questions tagged or ask your own question.