How to build a Kanban view Using LWC without APEX | Real-Time Project in LWC
ฝัง
- เผยแพร่เมื่อ 17 ส.ค. 2020
- In this project, you will learn 60% of the LWC. We gonna learn the following topics
1. How to create a lightning Page
2. How to create a component
3. How to create local properties
4. How to use getters
5. How to use @wire
6. How to use getObjectInfo, getPicklistValues , updateRecord, and getListUi wire adapters
7. How to apply Inline CSS
8. How to apply CSS using a CSS file
9. How to apply CSS dynamically
10. How to achieve components composition
11. How to pass data from parent to child
12. How to pass data from child to parent
13. How to Drag and to Drop functionality works
14. How to update Records without APEX
15. How to fetch records without APEX
16. How to show a toast message
17. How Navigation works
18 How to use Refresh the records automatically using refreshApex
19 Real-time debugging
LINKS AND CODE USED IN THIS VIDEO
======================
LIGHTNING DESIGN SYSTEM www.lightningdesignsystem.com...
CODE
www.salesforcetroop.com/kanba...
FOR COOL STUFF OF LIGHTNING WEB COMPONENT
salesforcetroop.com/
FOLLOW ME -
FACEBOOK - / salesforcetroop
LINKEDIN - / salesforce-troop
TWITTER - @karkra_nikhil
This is especially for all the students and IT professional who wants to make their career in Salesforce.
PLEASE DO LIKE, SHARE AND SUBSCRIBE THIS VIDEO WITH ALL YOUR STUDENT NETWORK, IT NETWORK AND SALESFORCE NETWORK.
Let everyone learn Salesforce and become a part of our #Ohana.
Your lectures are worth a ton ! Thank you so much bhayya
This is kool will help great deal in building nice app keeping user experience simple...
Really very nice
great nikhil
Hi, can you also make video on how to add search bar and filter in this kanban board.
Thank you So much sir.....sir can you please share git hub link
If I have to do this for dynamic field of dynamic object how I can do this??
Very nice video on how to use LWC. I am not able to see the format of the object [info , records], it is displaying me as [object,object], is there any setting i need to enable.. any inputs to enable the [info, records] is appreciated. Also, when i print the temp1, it is erroring out. thanks in advance.
use console.log(JSON.stringify(data))
@@salesforcetroop - thanks for getting back, Yes i am aware of JSON Stringify .. you were using just the console.log in the video and you were able to see the details.. just wondering how that was possible ?
I guess I have done some settings in my chrome. I am not sure right. I will chk and let you know.
@@vclearnconfidentv6598 I guess you have used "+" operator instead of "," in console.log
Hi nikhil, can i also build this project in my dev org? or scratch org is necessary?
dev org is fine
@@salesforcetroop hii can i do it with custom object ? i have been doing this with custom object but temp1.records.records query did't work sir
Can anyone help with this error?
dragAndDrop.js:1 Uncaught (in promise) TypeError: LWC component's @wire target property or method threw an error during value provisioning. Original error:
[Cannot read properties of null (reading 'fields')]
I am also facing same issue do you get how to resolve this
let returnMap = [];
returnMap = Array.from(data.records.records).map(item => {
let field = item.fields;
let account = field.Account.value.fields;
return {'Id': field.Id.value, 'Name': field.Name.value, 'AccountId': account.Id.value, 'AccountName': account.Name.value, 'CloseDate': field.CloseDate.value, 'StageName': field.StageName.value, 'Amount':field.Amount.value}
});
console.log('getListUi', JSON.stringify(returnMap));
I used this code to resolve this error!