وب سایت تخصصی شرکت فرین
دسته بندی دوره ها
1

Mastering Lightning Datatable in Salesforce LWC

سرفصل های دوره

Learn how to implement lightning datatable in LWC from scratch. Implement all features from basic to advanced level.


1. Create a basic lightning datatable in LWC
  • 1.1 force-app.zip
  • 1. Create a lightning datatable in LWC with static employee data
  • 2.1 SFDC Stop Telegram Channel.html
  • 2.2 SFDC Stop Telegram Group.html
  • 2. General Guidelines.html

  • 2. Query contacts from salesforce and display them in datatable
  • 1.1 force-app.zip
  • 1. Write apex controller
  • 2. Update JavaScript controller to fetch and display data in our datatable
  • 3. Deep dive into Js object structureformat to display records in our datatable

  • 3. Improve look and feel of lightning datatable
  • 1.1 force-app.zip
  • 1.2 Lightning Datatable Official Documentation.html
  • 1. Format data according to data type
  • 2.1 force-app.zip
  • 2. Show row number column, hide checkbox column and add row number column offset

  • 4. Add row actions to lightning datatable
  • 1.1 force-app.zip
  • 1. Add row actions

  • 5. Apply sorting to lightning datatable
  • 1.1 force-app.zip
  • 1. Implement datatable properties related to sorting and define handleSort method
  • 2.1 JavaScript Spread Operator Tutorial.html
  • 2. Implement handleSort() and sortBy() method for sorting datatable records
  • 3. Deep dive into sortBy() method
  • 4.1 force-app.zip
  • 4. Handle undefined values while sorting our data in lightning datatable

  • 6. Add header actions to lightning datatable
  • 1.1 force-app.zip
  • 1. Hide default header actions from lightning datatable
  • 2.1 force-app.zip
  • 2. Add new (custom) header actions to our lightning datatable
  • 3.1 force-app.zip
  • 3.2 GitHub Issue Datatable Column action check mark not updating when using Header-Level Actions and @track.html
  • 3. Implement handleHeaderAction() & tick the selected option in header actions menu
  • 4.1 force-app.zip
  • 4. UpdateFilter records in lightning datatable as header action is selected

  • 7. Select rows programmatically, add infinite loading and apply column widths mode
  • 1.1 force-app.zip
  • 1. Apply auto column widths mode
  • 2.1 force-app.zip
  • 2. Apply fixed column widths mode
  • 3.1 force-app.zip
  • 3. Select rows initially and programmatically in lightning datatable
  • 4. [Optional] Deep Dive into slice() and map() functions

  • 8. Infinite loading in lightning datatable
  • 1.1 force-app.zip
  • 1. Update apex controller
  • 2. Update getContacts() & define loadContacts() to load more records as we scroll
  • 3. Fix loadMore() issue by preventing multiple apex calls and adding spinner
  • 4. Note.html
  • 5. SimplifyImprove Code - Query contacts only if there are contacts in salesforce

  • 9. Apply infinite loading along with datatable filters
  • 1.1 force-app.zip
  • 1. Update apex controller
  • 2. Apply Enable Infinite Loading and Is Loading lightning datatable attributes
  • 3. New approach to implement infinite loading along with datatable filters - Theory
  • 4. Ensuring infinite loading works properly with record filtering
  • 5. Demo, Summary and Wrap Up

  • 10. Dynamic row level actions and inline editing
  • 1.1 force-app.zip
  • 1. Add dynamic row level actions
  • 2.1 force-app.zip
  • 2. Apply inline editing - code changes
  • 3. Inline editing - demo and code explanation

  • 11. Basic inline editing for custom cell types in lightning datatable
  • 1.1 force-app.zip
  • 1. Recap and understanding the draftValues attribute of lightning datatable
  • 2. Update draftValues array in parent LWC with draftValues coming from datatable
  • 3.1 Salesforce Official Documentation referred at 300.html
  • 3. Create a custom datatable celltemplate for our lightning datatable
  • 4. Create a new LWC component and use it as our custom datatable cell
  • 5. Notify the parent LWC when an event occurred in our custom datatable cell
  • 6.1 Lightning Design System Icons Library.html
  • 6. Define readOnly section for our custom lightning datatable cell
  • 7. Fix CSS for our custom cell in order to have consistent UI for inline editing
  • 8. Implement lwcif and lwcelse instead of iftrueiffalse
  • 9. Note.html

  • 12. Advanced inline editing for cells under selected rows in lightning datatable
  • 1.1 force-app.zip
  • 1. Update html template - UI changes
  • 2. Define new public properties, getters and setters according to the updated UI
  • 3. Add dynamic CSS using getters & user-defined CSS in LWC datatable cell component
  • 4. Implement handlers for new html elements. Update cellchange event accordingly
  • 5. Understanding the relatedTarget property and using it to switch to readOnly mode
  • 6. Revert the updated value in custom cell to previous valueFire cellchange event
  • 7. Note.html
  • 8. Demo of the functionality implemented
  • 9. Define new attributes selected, numberOfRecordsSelected and update them
  • 10. Update selected records with new value coming from custom cell

  • 13. Apply validation in lightning datatable
  • 1.1 force-app.zip
  • 1. Show static - table level error messages when the user is editing record(s)
  • 2. Show static - row level error messages with specific fields highlighted
  • 3.1 force-app.zip
  • 3. Implement dynamic - row and table level error messages for inline editing
  • 4. Detailed explanation of code changes to implement dynamic error messages
  • 5. Demo Showing error messages dynamically in lightning datatable

  • 14. Add accessibility, track column resize and persist the changes performed by user
  • 1.1 force-app.zip
  • 1. Track when the lightning datatable column is resized
  • 2. Keep updated records in lightning datatable, once the user has completed changes
  • 3.1 force-app.zip
  • 3. Add accessibility to lightning datatable

  • 15. Save records updated using inline editing in lightning datatable to Salesforce
  • 1.1 force-app.zip
  • 1. Define apex controller method & update contacts to have the correct format
  • 2. Pass updated contacts to apex controller in order to save them to salesforce
  • 3. Wrapping Up!.html
  • 139,000 تومان
    بیش از یک محصول به صورت دانلودی میخواهید؟ محصول را به سبد خرید اضافه کنید.
    خرید دانلودی فوری

    در این روش نیاز به افزودن محصول به سبد خرید و تکمیل اطلاعات نیست و شما پس از وارد کردن ایمیل خود و طی کردن مراحل پرداخت لینک های دریافت محصولات را در ایمیل خود دریافت خواهید کرد.

    ایمیل شما:
    تولید کننده:
    مدرس:
    شناسه: 28272
    حجم: 5356 مگابایت
    مدت زمان: 470 دقیقه
    تاریخ انتشار: ۲۰ دی ۱۴۰۲
    طراحی سایت و خدمات سئو

    139,000 تومان
    افزودن به سبد خرید