#Aura Lightning Components0 人正在讨论

  #Apex

#Lightning Web Components

#Aura Component

#Lightning Knowledge

#Aura Lightning Components

Hello #Trailblazers

I've made some LWC/Aura components that is published on Playground.

Below is list of LWC/Aura that is Published on Playground on Previous Month:- 

1. News Lightning Component :- This component is used to display any publicly available news channel website. To use this we need only 2 things Channel Name and URL/Website-link Address. In this we also provide test-class for both Positive/Negative behavior.

2. Lightning Component Inside Lightning Web Component:- In our business, If we want to invoke a lightning web component on a visualforce page that has a parameter according to lightning component that is also combined in the same VF or its vice versa then this article will guide you to pass variables in bi-directional ways from LWC to LC or LC to LWC.

Also Published a Article on Force Talks :- salesforce-lightning-component-inside-lightning-web-component-using-visualforce-page

3. Data Masking - Lightning Web Component:- This LWC is very useful when we want to hide some protected data to display directly. Currently, we can get display data by hovering each cell on the table.

Features:- 

• Data Protected using * Symbol (8 Characters)
• Showing Phone, Text type Fields.
• Cell Hovering is used to display Data.

4. Drag & Drop Address of Account on Map - Lightning Web Component:- This LWC is used to drag and drop account name and then directly locate the account location using the address field on Google Map. We can add it to Home Page, Record Page.

Also Published a Article on Force Talks :-

5. Object Viewer - Lightning Web Component:- This LWC is used to see all the Standard as well as Custom Object with all of their Record Types & Child Relationships.

As we know we can use Schema Builder, But this LWC is useful to show all the Objects through a single screen without navigating to another screen.

Below are the articles that is published on force talk about #DocuSign For Salesforce & Mass Insert/Delete #Custom Metadata 

1. Docusign E-Signature in Salesforce | The Integration Guide
2. Mass/Bulk Insert Custom MetaData Records through CSV | Salesforce Developer Guide

3. Marketing Cloud Custom Profile/Subscription Center :- (Gists Link - https://gist.github.com/PrafullJain/5161cb1befbb8954c24dd7493d19c6e1)

My Portfolio:- Prafull Jain Github Portfolio

#Salesforce Developer #Trailhead Community #LWC Development  #Addons #Aura Lightning Components #Marketing Cloud

Hello,

I am trying to create a custom lightning web component accessed via visualforce page, but there seems to be an error. Upon analyzing the code and testing, I found out that the recordId is null.

I believe the issue is that recordId is not transferred. Could you help? 

ABC.cmp

<aura:component implements="force:appHostable,flexipage:availableForAllPageTypes,flexipage:availableForRecordHome,force:hasRecordId,forceCommunity:availableForAllPageTypes,force:lightningQuickAction" access="global" >
    <aura:attribute name="recordId" type="Id" />
    <c:XYZ CardTitle="Create" recordId="{!v.recordId}" />
</aura:component>

- works fine (tested using object -> add button, action etc)

- XYZ component has no issues and is in javascript. It also opens /apex/Lightning_page?oid=recordId

Lightning App - ABCDE.app

<aura:application implements="force:appHostable,flexipage:availableForAllPageTypes,flexipage:availableForRecordHome,force:hasRecordId,forceCommunity:availableForAllPageTypes" access="GLOBAL" extends="ltng:outApp">
    <aura:attribute name="recordId" type="Id" />
    <c:ABC recordId="{!v.recordId}"/>
</aura:application>

Lightning Web Component - AAA.vfp

<apex:page standardController="Opportunity">
    <apex:includeLightning />
    <apex:pageBlock >
        <apex:pageBlockSection >
        	<div id="newQ" />
    	</apex:pageBlockSection>
    </apex:pageBlock>
    <script>
    	$Lightning.use("c:ABC", function(){
        	$Lightning.createComponent(
            	"c:ABCDE", {
                    recordId : '{!$CurrentPage.parameters.id}',
                    console.log('regular access record ID: '+recordId);
                }, "newQ", function(cmp){
                	console.log('regular access record: ');
                }
            );
        });
    </script>
</apex:page>

Apex Page call

PageReference refe = new PageReference("/apex/AAA");

Only requirement of the js is recordId.

#Salesforce Developer #Lightning Web Components #Aura Lightning Components #Visualforce Pages #Apex Code

Hello,

I am able to redirect from a lightning component to another lightning component using:

<c:SecondLighningComp recordId="{!v.recordId}" />

But I cannot redirect to second lightning component on click of a button.

<lightning:button label="Click me" variant="brand" onclick="{!c.handleYes}"></lightning:button>

function:

handleYes: function(component, event, helper) {
          var urlEvent = $A.get("e.force:navigateToComponent");
          urlEvent.params({
               componentDef: "c:SecondLighningComp",
                componentAttributes: {}
          });
     urlEvent.fire();
}

The second component calls an apex class that uses ApexPages.currentPage().getParameters().get.(Multiple record values) which is returning null. I cannot change anything in the apex class.

How to approach this?

#Salesforce Developer

Hello,

I tried creating a server-side action and came across a weird issue. I tried checking online for solutions and am still stuck. Could you help me?

Lightning Component: TunaFishCheck.cmp

<aura:component implements="force:appHostable,flexipage:availableForAllPageTypes,flexipage:availableForRecordHome,force:hasRecordId,forceCommunity:availableForAllPageTypes,force:lightningQuickActionWithoutHeader" controller="SeaFood" access="global">
   <aura:attribute name="tuna" type="Boolean" default="false"/>
    <aura:handler name="init" value="{!this}" action="{!c.tunaCheck}"/>
    <aura:if isTrue="{!tuna}">
        <div>true</div>
        <aura:set attribute="else">
            <div>false</div>
    	</aura:set>
    </aura:if> 
</aura:component>

function

tunaCheck: function (cmp){
        console.log('Its inside');
        var tuna= cmp.get("c.doAction");
        console.log('Check: ' + tuna);
        action.setCallback(this, function(response){
            var stateF = response.getReturnValue();
            alert("Check: " + stateF);
            if (stateF === 'SUCCESS'){
                component.set("{!v.tuna}", response.getReturnValue());
            } else {
                console.log('Unsuccessful return value');
            }
        });
        $A.enqueueAction(tuna);
    }

Apex Component

public with sharing class SeaFood {
    ApexPages.StandardController sc;
    public SeaFood(ApexPages.StandardController controll){
        this.sc = controll;
    }
    @AuraEnabled
    public static Boolean doAction(){
        PageReference refPage;
        Boolean fish = fishCheck()();
        if (fish){
            return true;
        } else if (!fish){
            return false;
        }
        return fish;
    }
    @AuraEnabled
    Public static Boolean fishCheck(){
        //censored functionality code
        return true;
    }

Note: while running,

console log shows: 

Its Inside 
Check: 
SecureAction: [object Object]{ key: {"namespace":"c"}

UI:

error while creating componenet for lightning component quick action [Action failed c:TunaFishCheck$controller$tunaCheck [action is not defined]]

Noticed that console.log('Check: ' + tuna); doesn't have a value

How can I fix these issues?

#Salesforce Developer #Custom Actions #Apex Class #Aura Lightning Components #Lightning Component #Lightning Flow