Is it possible to fire an event from a LWC and handle in another LWC which is not in containment hierarchy?
.everyoneloves__top-leaderboard:empty,.everyoneloves__mid-leaderboard:empty,.everyoneloves__bot-mid-leaderboard:empty{ margin-bottom:0;
}
Is it possible to fire an event from a lightning web component and handle in another lightning web component which is not in containment hierarchy? This is achievable in Aura component using application event.
lightning javascript lightning-web-components lightning-events
asked Apr 2 at 10:45
Ajay Prakash DubeyAjay Prakash Dubey
1,162624
add a comment |
Is it possible to fire an event from a lightning web component and handle in another lightning web component which is not in containment hierarchy? This is achievable in Aura component using application event.
lightning javascript lightning-web-components lightning-events
asked Apr 2 at 10:45
Ajay Prakash DubeyAjay Prakash Dubey
1,162624
add a comment |
Is it possible to fire an event from a lightning web component and handle in another lightning web component which is not in containment hierarchy? This is achievable in Aura component using application event.
lightning javascript lightning-web-components lightning-events
asked Apr 2 at 10:45
Ajay Prakash DubeyAjay Prakash Dubey
1,162624
Is it possible to fire an event from a lightning web component and handle in another lightning web component which is not in containment hierarchy? This is achievable in Aura component using application event.
lightning javascript lightning-web-components lightning-events
lightning javascript lightning-web-components lightning-events
asked Apr 2 at 10:45
Ajay Prakash DubeyAjay Prakash Dubey
1,162624
asked Apr 2 at 10:45
Ajay Prakash DubeyAjay Prakash Dubey
1,162624
asked Apr 2 at 10:45
Ajay Prakash DubeyAjay Prakash Dubey
1,162624
asked Apr 2 at 10:45
Ajay Prakash DubeyAjay Prakash Dubey
1,162624
asked Apr 2 at 10:45
Ajay Prakash DubeyAjay Prakash Dubey
1,162624
1,162624
add a comment |
add a comment |
1 Answer
1
active
oldest
votes
Yes. It can be achieved using the pub-sub model.
To communicate between components that aren’t in the same DOM tree, use a singleton library that follows the publish-subscribe pattern.
Refer to Communicate Between Components documentation for more details.
For example, if you add two components to a Lightning page in Lightning App Builder, use the
pubsubmodule to send events between them.
You can find the pubsub module here on lwc-recipe
answered Apr 2 at 12:28
Jayant DasJayant Das
18.2k21330
Thank you very much Jayant for your help. I was not aware of publish/subscribe modal but now I used this and it worked for me.
– Ajay Prakash Dubey
Apr 3 at 7:11
add a comment |
Your Answer
StackExchange.ready(function() {
var channelOptions = {
tags: "".split(" "),
id: "459"
};
initTagRenderer("".split(" "), "".split(" "), channelOptions);
StackExchange.using("externalEditor", function() {
// Have to fire editor after snippets, if snippets enabled
if (StackExchange.settings.snippets.snippetsEnabled) {
StackExchange.using("snippets", function() {
createEditor();
});
}
else {
createEditor();
}
});
function createEditor() {
StackExchange.prepareEditor({
heartbeatType: 'answer',
autoActivateHeartbeat: false,
convertImagesToLinks: false,
noModals: true,
showLowRepImageUploadWarning: true,
reputationToPostImages: null,
bindNavPrevention: true,
postfix: "",
imageUploader: {
brandingHtml: "Powered by u003ca class="icon-imgur-white" href="https://imgur.com/"u003eu003c/au003e",
contentPolicyHtml: "User contributions licensed under u003ca href="https://creativecommons.org/licenses/by-sa/3.0/"u003ecc by-sa 3.0 with attribution requiredu003c/au003e u003ca href="https://stackoverflow.com/legal/content-policy"u003e(content policy)u003c/au003e",
allowUrls: true
},
onDemand: true,
discardSelector: ".discard-answer"
,immediatelyShowMarkdownHelp:true
});
}
});
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
StackExchange.ready(
function () {
StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fsalesforce.stackexchange.com%2fquestions%2f256178%2fis-it-possible-to-fire-an-event-from-a-lwc-and-handle-in-another-lwc-which-is-no%23new-answer', 'question_page');
}
);
Post as a guest
Required, but never shown
1 Answer
1
active
oldest
votes
1 Answer
1
active
oldest
votes
active
oldest
votes
active
oldest
votes
Yes. It can be achieved using the pub-sub model.
To communicate between components that aren’t in the same DOM tree, use a singleton library that follows the publish-subscribe pattern.
Refer to Communicate Between Components documentation for more details.
For example, if you add two components to a Lightning page in Lightning App Builder, use the
pubsubmodule to send events between them.
You can find the pubsub module here on lwc-recipe
answered Apr 2 at 12:28
Jayant DasJayant Das
18.2k21330
Thank you very much Jayant for your help. I was not aware of publish/subscribe modal but now I used this and it worked for me.
– Ajay Prakash Dubey
Apr 3 at 7:11
add a comment |
Yes. It can be achieved using the pub-sub model.
To communicate between components that aren’t in the same DOM tree, use a singleton library that follows the publish-subscribe pattern.
Refer to Communicate Between Components documentation for more details.
For example, if you add two components to a Lightning page in Lightning App Builder, use the
pubsubmodule to send events between them.
You can find the pubsub module here on lwc-recipe
answered Apr 2 at 12:28
Jayant DasJayant Das
18.2k21330
Thank you very much Jayant for your help. I was not aware of publish/subscribe modal but now I used this and it worked for me.
– Ajay Prakash Dubey
Apr 3 at 7:11
add a comment |
Yes. It can be achieved using the pub-sub model.
To communicate between components that aren’t in the same DOM tree, use a singleton library that follows the publish-subscribe pattern.
Refer to Communicate Between Components documentation for more details.
For example, if you add two components to a Lightning page in Lightning App Builder, use the
pubsubmodule to send events between them.
You can find the pubsub module here on lwc-recipe
answered Apr 2 at 12:28
Jayant DasJayant Das
18.2k21330
Yes. It can be achieved using the pub-sub model.
To communicate between components that aren’t in the same DOM tree, use a singleton library that follows the publish-subscribe pattern.
Refer to Communicate Between Components documentation for more details.
For example, if you add two components to a Lightning page in Lightning App Builder, use the
pubsubmodule to send events between them.
You can find the pubsub module here on lwc-recipe
answered Apr 2 at 12:28
Jayant DasJayant Das
18.2k21330
answered Apr 2 at 12:28
Jayant DasJayant Das
18.2k21330
answered Apr 2 at 12:28
Jayant DasJayant Das
18.2k21330
answered Apr 2 at 12:28
Jayant DasJayant Das
18.2k21330
18.2k21330
Thank you very much Jayant for your help. I was not aware of publish/subscribe modal but now I used this and it worked for me.
– Ajay Prakash Dubey
Apr 3 at 7:11
add a comment |
Thank you very much Jayant for your help. I was not aware of publish/subscribe modal but now I used this and it worked for me.
– Ajay Prakash Dubey
Apr 3 at 7:11
Thank you very much Jayant for your help. I was not aware of publish/subscribe modal but now I used this and it worked for me.
– Ajay Prakash Dubey
Apr 3 at 7:11
Thank you very much Jayant for your help. I was not aware of publish/subscribe modal but now I used this and it worked for me.
– Ajay Prakash Dubey
Apr 3 at 7:11
add a comment |
Thanks for contributing an answer to Salesforce Stack Exchange!
- Please be sure to answer the question. Provide details and share your research!
But avoid …
- Asking for help, clarification, or responding to other answers.
- Making statements based on opinion; back them up with references or personal experience.
To learn more, see our tips on writing great answers.
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
StackExchange.ready(
function () {
StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fsalesforce.stackexchange.com%2fquestions%2f256178%2fis-it-possible-to-fire-an-event-from-a-lwc-and-handle-in-another-lwc-which-is-no%23new-answer', 'question_page');
}
);
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
