In this PnP Webcast , we coveredhow to build cascading asynchronousdrop-downs forproperty pane of client-side web part. This is common scenario wherelists have a dependency between each other and you filter the results based on the initial selection. Sample code is built with React and is available for youfrom the SharePoint Framework client-side web parts GitHub repository . Notice that this sample contains two samples - scenario demonstrated with this web cast and another slightly more complex scenario on how to build custom controls for property pane. Custom control option will be covered in separate upcoming PnP webcast.
Notice. When this webcast was released, SharePoint Framework was available as a Developer Preview release.
Presentation covers following topics:
Use case clarificationBuilding cascading drop-downs which are dependent on each other in the property pane Implementation fo asynchronious queries based on user actions Screenshots of theprovide code sample
Web cast demo ( 5:00 ) shows following details
Use case -How the sample web part built with Reactworks in practice Implementation details from the code - How things are implementedWebcast presenters: Waldek Mastykarz , Vesa Juvonen
Presentation used in this web cast is available from http://docs.com/OfficeDevPnP .
Video at YouTube .
Additional resourcesSee following resources around the SharePoint Framework.
SharePoint Frameworkdocumentation React - A javascript Library for Building User Interfaces Sample SharePoint Framework web parts in GitHub Open and Connected Framework - The SharePoint Framework - YouTube PnP Webcast - Building multi-view React client-side web parts with SharePoint Framework PnP Webcast - Building real time news feed web part with SharePoint Framework PnP Webcast - Building multi-view Angular 1.x client-side web parts with SharePoint Framework PnP Webcast -Reuse your existing JavaScript libraries with SharePoint Framework PnP Webcast -Building a sample search web part with SharePoint Framework using React PnP Webcast -Azure AD implicit flow with SPFx client-side web part (developer preview) PnP Webcast -CRUD operations with SharePoint Framework client-side web parts PnP Webcast - Using Office Graph from SharePoint client-side web parts PnP Webcast - Referencing external JavaScript libraries from client-side web part PnP Webcast - BuildingAngular SharePoint Framework client-side web part PnP Webcast - Building simple SharePoint Framework Client Web Part PnP Webcast - Integrating Angular v1.x to SharePoint Framework client side web part PnP Webcast - Getting started with web stack in SharePoint Development PnP Webcast - Getting started with SharePoint Framework PnP Webcast - Preparing for SharePoint Framework - What should I learn? PnP Webcast - Converting existing JavaScriptapps to SharePoint Framework PnP JavaScript Core component What is SharePoint /Office DevPatterns &Practices (PnP) web cast series?
SharePoint /Office Dev Patterns &Practices (PnP) webcast series covers different patterns, practices and topics around development with Office 365 and SharePoint. Majority of the topics are valid for the Office 365 and SharePoint on-premises. Our objective is to release new around 30 minute long web cast each Monday with few slides and a live demo on the covered topic. All web casts are published at the PnP YouTube channel with additional references on the existing materials. PnP is community driven open source project where Microsoft and external community members are sharing their learning's around implementation practices for Office 365 and SharePoint on-premises (add-in model). Active development and contributions happen in our