我正在尝试使用 React Office UI Fabric 构建一个 SPFX WebPart。我有一个 SharePoint 列表,其中包含一个名为 的人员字段AssignedTo
。ID 值如 12、20 等。当我使用 PeoplePicker 选择一个人时,我得到一个AccountName
类似i:0#.f|membership|bob@somewhere.org.nz
的 GUID 和ff53b41e-d11a-435c-9cd1-d708e71ee7c7
.
如何将 PeoplePicker 中的信息“转换”为 ID,列表中的 People 字段正在使用?
PeoplePicker 按如下方式检索人员:
private searchPeople(terms: string, results: IPersonaProps[]): IPersonaProps[] | Promise<IPersonaProps[]> {
return new Promise<IPersonaProps[]>((resolve, reject) =>
this.props.spHttpClient.get(`${this.props.siteUrl}/_api/search/query?querytext='*${terms}*'&rowlimit=20&sourceid='b09a7990-05ea-4af9-81ef-edfab16c4e31'`,
SPHttpClient.configurations.v1,
{
headers: {
'Accept': 'application/json;odata=nometadata',
'odata-version': ''
}
})
.then((response: SPHttpClientResponse): Promise<{ PrimaryQueryResult: IPeopleDataResult }> => {
return response.json();
})
.then((response: { PrimaryQueryResult: IPeopleDataResult }): void => {
let relevantResults: any = response.PrimaryQueryResult.RelevantResults;
let resultCount: number = relevantResults.TotalRows;
let people = [];
if (resultCount > 0) {
relevantResults.Table.Rows.forEach( (row) => {
let persona: IPersonaProps = {};
row.Cells.forEach( (cell) => {
if (cell.Key === 'PictureURL')
{
persona.imageUrl = cell.Value;
}
else if (cell.Key === 'PreferredName')
{
persona.primaryText = cell.Value;
persona.imageInitials = cell.Value.charAt(0) + (cell.Value.lastIndexOf(" ") > 0 ? cell.Value.charAt(cell.Value.lastIndexOf(" ") + 1) : "");
}
else if (cell.Key === 'AccountName')
{
persona.itemID = cell.Value; // e.g.: "i:0#.f|membership|bob@somewhere.org.nz"
}
else if (cell.Key === 'UserProfile_GUID')
{
persona.itemID = cell.Value; // e.g.: "ff53b41e-d11a-435c-9cd1-d708e71ee7c7"
}
});
people.push(persona);
});
}
resolve(people);
}, (error: any): void => {
reject(this._peopleList = []);
}));
}
我得到的列表项如下:
private _getItems(requester: SPHttpClient): Promise<IInteractionLogItem[]> {
const queryString: string = `?$select=Id,Title,Client/Id,Client/Title,Client/EMail,Client/MobilePhone,` +
`$expand=Client`;
const queryUrl: string = this._listItemsUrl + queryString;
return requester.get(queryUrl, SPHttpClient.configurations.v1)
.then((response: SPHttpClientResponse) => {
return response.json();
})
.then((json: { value: IInteractionLogItem[] }) => {
return json.value.map((interactionLog: IInteractionLogItem) => {
const returnItem: IInteractionLogItem =
{
Id: interactionLog.Id,
Title: interactionLog.Title,
Client: interactionLog.Client,
};
returnItem.CreatedBy.Picture = this._getPictureUrl(returnItem.CreatedBy.EMail);
if( returnItem.Client )
{
returnItem.Client.Picture = this._getPictureUrl(returnItem.Client.EMail);
}
return returnItem;
});
});
}
任何帮助深表感谢 :-)