Skip to content
WebPart examples using the gd-sprest-react library.
TypeScript CSS JavaScript
Branch: master
Clone or download
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
src Removed the debugger statement. Jan 20, 2019
.gitignore Ignored the yaml file. Dec 13, 2018
LICENSE Initial commit Aug 30, 2017
README.md Updated the documentation. Oct 29, 2017
package-lock.json Updated the libraries and fixed build errors. Jan 25, 2018
package.json Updated the core libraries. Jan 20, 2019
tsconfig.json
webpack.config.js Updated the fabric-ui references, to reduce the output size by half. Dec 13, 2018

README.md

SharePoint React WebParts

This project provides examples of using the gd-sprest and gd-sprest-react libraries. These solutions are designed for SharePoint 2013, but is supported in SharePoint 2013/2016 and Office 365.

Blog Post

Refer to this blog post for details on the available webparts to inherit from. The blog post gives an overview of the code for the "Document View WebPart" example.

Batch Demo WebPart

An example of the executing batch operations. Refer to this link for Microsoft's documentation for performing batch operations using the SharePoint Online REST API.

Document View WebPart

Simple example of using the WebPartSearch classes to display documents. The search webpart class allows the user to select the searchable fields, currently limited to:

  • Choice/Multi-Choice
  • Lookup/Multi-Lookup
  • Taxonomy
  • Text

A mapper will be generated from the field values, and used as a tag picker for filtering the documents. Clicking on an office document will display it in the office app.

Email WebPart

Simple example of using the SP People Picker component and the email class of the gd-sprest library.

Hello World WebPart

Probably the first one you should look at. It's a simple example of using the webpart component, and the OnRenderDisplay and OnRenderEdit events. The page will render the webpart id in display mode, and a message indicating it's an edit mode when the page is being edited.

List WebPart

An example of extending the WebPart Search class to display a list view and item form. The "ItemForm" component will be used to render the item form panel.

WebPart Tabs

An example of using the WebPart Tabs class to generate a tab for each associated webpart in the same zone.

You can’t perform that action at this time.