My_Test_Repo/force-app/main/default/lwc/callBackMethods/callBackMethods.html

37 lines
1.3 KiB
HTML

<template>
<div class="Box"> <h1>API EXAMPLE</h1>
<div>Message : {message}</div>
<div>RecordId : {recordId} </div>
</div>
<h1>WIRE EXAMPLE</h1>
<template if:true={record.data}>
<div class="slds-grid">
<div class="slds-col slds-size_1-of-2">
<lightning-formatted-text value={name} class="slds-text-heading_large">
</lightning-formatted-text>
</div>
<div class="slds-col slds-size_2-of-2">
<lightning-formatted-text value={phone} class="slds-text-heading_large">
</lightning-formatted-text>
</div>
</div>
</template>
<h1>ConnectedCallBack</h1>
<div class="slds-card">
<lightning-input label="Enter Name" name="name" onchange={getName}></lightning-input>
</div>
<div class="slds-card" if:true={ShowButton}>
<lightning-button name="Click On" label="Click On"></lightning-button>
</div>
<h2>RenderCallBack</h2>
<lightning-button label="Button 1" onclick={buttonClicked} data-id="button1"></lightning-button>
<lightning-button label="Button 2" onclick={buttonClicked} data-id="button2"></lightning-button>
<template if:true={showInfo}>
<lightning-input name="input1" class='input1'></lightning-input>
</template>
</template>