使用 React 从 pnp 插入 Sharepoint 列表
Insert into Sharepoint list from pnp with React
我想根据用户在输入字段中输入的内容将一些数据（名字和姓氏）插入到 Sharepoint 列表中。我找到了这个页面 https://github.com/SharePoint/PnP-JS-Core/wiki/Working-With:-Items
我找到了这段代码，但这些值是硬编码的，而不是用户输入的。如何让它从输入框中读取 FirstName 和 SurName 字段？
pnp.sp.web.lists.getByTitle("PeopleFields").items.add({
Title: Util.getGUID(),
User1Id: 9, // allows a single user
User2Id: {
results: [ 16, 45 ] // allows multiple users
}
}).then(i => {
console.log(i);
});
这是我的标签和输入框。
{<label>First Name</label>}
{<input id="FirstName" name="FirstName" type="text"></input>}
<p></p>
{<label>SurName</label>}
{<input id="SurName" name="SurName" type="text"></input>}
我建议您使用 SPFx-OfficeUIFabric-PeoplePicker，这样您就可以将人员输入控件而不是文本框。
您可以查看下面的演示以将用户插入列表。
https://www.c-sharpcorner.com/article/pnp-people-picker-control-for-spfx/
我想根据用户在输入字段中输入的内容将一些数据（名字和姓氏）插入到 Sharepoint 列表中。我找到了这个页面 https://github.com/SharePoint/PnP-JS-Core/wiki/Working-With:-Items
我找到了这段代码，但这些值是硬编码的，而不是用户输入的。如何让它从输入框中读取 FirstName 和 SurName 字段？
pnp.sp.web.lists.getByTitle("PeopleFields").items.add({
Title: Util.getGUID(),
User1Id: 9, // allows a single user
User2Id: {
results: [ 16, 45 ] // allows multiple users
}
}).then(i => {
console.log(i);
});
这是我的标签和输入框。
{<label>First Name</label>}
{<input id="FirstName" name="FirstName" type="text"></input>}
<p></p>
{<label>SurName</label>}
{<input id="SurName" name="SurName" type="text"></input>}
我建议您使用 SPFx-OfficeUIFabric-PeoplePicker，这样您就可以将人员输入控件而不是文本框。
您可以查看下面的演示以将用户插入列表。
https://www.c-sharpcorner.com/article/pnp-people-picker-control-for-spfx/