Welcome to my blog

I have been working with Salesforce for quite a while, so don’t hesitate to contact me if you have any questions or want some advice.

s f

Subscribe
Follow Us
h

PASS MULTIPLE PARAMETER TO LWC IN PUBLIC COMMUNITY PAGE WITH SIMPLE EXAMPLE

 . Community  . PASS MULTIPLE PARAMETER TO LWC IN PUBLIC COMMUNITY PAGE WITH SIMPLE EXAMPLE

PASS MULTIPLE PARAMETER TO LWC IN PUBLIC COMMUNITY PAGE WITH SIMPLE EXAMPLE

How to Pass Multiple Parameter to LWC in Public Community Page?

Create a LWC component TestCommunity.

In TestCommunity.js-meta.xml, add the <target> and <property> tags as the example below and save the file.

<?xml version="1.0" encoding="UTF-8"?>
<LightningComponentBundle xmlns="http://soap.sforce.com/2006/04/metadata">
    <apiVersion>50.0</apiVersion>
    <isExposed>true</isExposed>
    <targets>
        <target>lightningCommunity__Page</target>
        <target>lightningCommunity__Default</target>
        <target>lightning__HomePage</target>
    </targets>
    <targetConfigs>
        <targetConfig targets="lightningCommunity__Default">
            <property name="recordId" type="String" label="Record ID" description="The value should be {!recordId}." />
            <property name="taskId" type="String" label="Task ID" description="The value should be {!taskId}." />
        </targetConfig>
    </targetConfigs>
</LightningComponentBundle>

In TestCommunity.js file using @api annotation for recordId and taskId propoerty in js.

import { LightningElement, api} from 'lwc';
 export default class TestCommunity extends LightningElement {
     @api recordId;
     @api taskId;
 }

In html page print the values of recordId and taskId.

<template>
     <p>{recordId}</p>
     <p>{taskId}</p>
</template>

Create new Community page and add TestCommunity LWC to the page and click publish.

https://dineshgdk.force.com/TestCommunity/s/?recordId=00O3A000001xFw7AAF&taskId=00F6w000002t5BAEAZ

Pass the values in the parameter as above using ampersand ‘&’.

Comments

  • provoke

    June 9, 2022

    Woaһ! I’m really lօving the template/theme of this weЬsite.
    It’s ѕimple, yet effective. A lߋt of times it’s hard to get that “perfect balance” between user friendliness and appearance.

    I must say you’vе done a awesome job with this. In addition, the blοg loads νerу fast for me on Chrome.
    Outstanding Blog!

    reply
  • foible

    June 15, 2022

    Ƭhis is a topic that is close to mу heart… Cheerѕ! Where are your contact details
    though?

    reply
  • material

    June 19, 2022

    Hello! Someone in my Facebook group shared this websіte wіth us so I
    came to givе it a loоk. I’m definitely enjoying the information.
    I’m bookmaгking and will be tweeting this to my fⲟllowers!
    Terrific blog and superb design and style.

    reply
  • graliontorile

    August 31, 2022

    Yay google is my world beater helped me to find this great website ! .

    reply
  • erosible

    February 6, 2023

    Nіce post. I learn something new and challenging on sites I
    stumbleupon every ɗay. It’s always exciting to read ⅽontеnt from other writers and use
    something from their sites.

    reply
  • zoritoler imol

    June 6, 2023

    As a Newbie, I am constantly searching online for articles that can be of assistance to me. Thank you

    reply
  • moroccan

    June 18, 2023

    Thаnks for any other informative website. The pⅼace else mɑy
    І am getting that kind of information wгitten in suсh
    a perfect way? I’ve а chalⅼengе tһat I’m simply now oрerаting οn, and I
    have been on the look out for such info.

    reply

Post a Comment