CODE-INDEX.md

Code Index

This page lists the various features in the code and links to their usage in the sample to make it easy to see how things are done and how you might use the techniques in your applications. The listing is organized around each component and then what is used in each.

Team Precheck Field Customizer

A React based SharePoint Framework field customizer.

• TeamPrecheckFieldCustomizer
  • pnp setup
  • onRenderCell
  • React Component
    • Selective Rendering - using functions as components
    • Running Checks
    • Render UI Fabric Hovercard
    • Get SharePoint list item data
    • Update SharePoint list item data

Team Approve Field Customizer

A React based SharePoint Framework field customizer.

• TeamApprovalFieldCustomizer
  • pnp setup
  • onRenderCell
  • Cell Container React Component
    • Selective Rendering - using component classes
    • Tracking State
  • Cell Component Classes
    • CellBase - base class for cells
    • ApprovedCell
    • DeniedCell - shows use of Hovercard
    • ErrorCell
    • PendingCell - shows button actions, getting information from a dialog, updating SharePoint

References

• SharePoint Framework
• Microsoft Graph
• React
• SharePoint Patterns and Practices
• PnPjs Libraries
• Office UI Fabric
• TypeScript