How to access the page details in sharepoint custom webparts?

Knowledge base
, , , , , , ,
1

Problem Statement

How to capture the Page Details like Page Title, Page Url for the current page in Sharepoint?

Approach

You can use the PageContext Provided by Sharepoint to get the page ID and you have to get all the pages information from the below method:

How to Get Page ID

let pageId = this.context.pageContext.legacyPageContext["pageItemId"];

Service to Get the Page Details

public async getPageDetails(){

    let web = new Web(this.absoluteurl + "/../DemoCenter");

    let pages = await  web.lists.getByTitle("Site Pages").items.select("Title,GUID,ID,FileRef, EncodedAbsUrl").getAll();
  
return pages;
 }

Method to get the page details and match the details

let pageRes = await this.demoService.getPageDetails();
    if(pageRes)
    pageRes.forEach(async (item) => {
      if (item.Id == pageId && item.ID == pageId) {
        console.log('page id match', item);
        title = item.Title;
        siteUrl = "https://sagportal.sharepoint.com" + item.FileRef;
      }

    });

From this, you will be able to fetch the Page Title and Page Url.

Thank You.

1 Like
2

To access page details in SharePoint custom web parts, you can use the SharePoint services API to retrieve information such as the page’s URL, title, and metadata. You can access this data through JavaScript or SharePoint Framework (SPFx) components by using the SP.Web object or REST API queries.
Systechlogic (sharepoint-services)

3

Thanks for this awesome commands. Can you also suggest some other migration tools just like SysTools Error-free SharePoint Migration Toolhttps://www.systoolsgroup.com/sharepoint-migrator.html