SharePoint Online React single/multi-select autocomplete in SPFx June 22, 2020October 16, 2025 Ravichandran Krishnasamy5 Comments π This article has moved! Please visit the updated version here: π Go to Updated Article Share this: Click to share on Facebook (Opens in new window) Facebook Click to share on X (Opens in new window) X Click to share on LinkedIn (Opens in new window) LinkedIn Click to share on WhatsApp (Opens in new window) WhatsApp Click to email a link to a friend (Opens in new window) Email Click to print (Opens in new window) Print Like Loading... Related
private async _getvalues() { const field1: IFieldInfo = await sp.web.lists.getByTitle(“SalesInvoiceHeaderMaster”).fields.getByInternalNameOrTitle(“OrderNo”)(); let listofOrderNo: Ioption[] = []; field1[“Choices”].forEach(function (OrderNo, i) { listofOrderNo.push({ value: OrderNo, label: OrderNo }); }); const item: any = await sp.web.lists.getByTitle(“SalesInvoiceHeaderMaster”).items.getById(1).get(); let selectedInvoiceNos: Ioption[] = []; item.InvoiceNo.forEach(function (selected, i) { selectedInvoiceNos.push({ value: selected, label: selected }); }); let selectedOrderNo: Ioption = { label: item.OrderNo, value: item.OrderNo }; this.setState({ options: listofOrderNo, selectedvalue: selectedOrderNo,selectedvalues:selectedInvoiceNos }) } LikeLiked by 1 person Reply
Your code looks perfect, I don’t get any Idea. Did you resolved already? else message me so I’ll help you to deep look LikeLiked by 1 person Reply
field1[“Choices”].forEach gives an error “error TS2339: Property ‘forEach’ does not exist on type ‘IFieldInfo’ “ LikeLiked by 1 person Reply
I didn’t get any drop down
LikeLiked by 1 person
private async _getvalues() {
const field1: IFieldInfo = await sp.web.lists.getByTitle(“SalesInvoiceHeaderMaster”).fields.getByInternalNameOrTitle(“OrderNo”)();
let listofOrderNo: Ioption[] = [];
field1[“Choices”].forEach(function (OrderNo, i) {
listofOrderNo.push({ value: OrderNo, label: OrderNo });
});
const item: any = await sp.web.lists.getByTitle(“SalesInvoiceHeaderMaster”).items.getById(1).get();
let selectedInvoiceNos: Ioption[] = [];
item.InvoiceNo.forEach(function (selected, i) {
selectedInvoiceNos.push({ value: selected, label: selected });
});
let selectedOrderNo: Ioption = { label: item.OrderNo, value: item.OrderNo };
this.setState({ options: listofOrderNo, selectedvalue: selectedOrderNo,selectedvalues:selectedInvoiceNos })
}
LikeLiked by 1 person
Your code looks perfect, I don’t get any Idea. Did you resolved already? else message me so I’ll help you to deep look
LikeLiked by 1 person
field1[“Choices”].forEach gives an error “error TS2339: Property ‘forEach’ does not exist on type ‘IFieldInfo’ “
LikeLiked by 1 person
Make sure you doing this for choice field type
LikeLiked by 1 person