Automatically populate my SPFx web part's property field with all choices from a choice field

%3CLINGO-SUB%20id%3D%22lingo-sub-3017657%22%20slang%3D%22en-US%22%3EAutomatically%20populate%20my%20SPFx%20web%20part's%20property%20field%20with%20all%20choices%20from%20a%20choice%20field%3C%2FLINGO-SUB%3E%3CLINGO-BODY%20id%3D%22lingo-body-3017657%22%20slang%3D%22en-US%22%3E%3CDIV%20class%3D%22%22%3E%3CP%3EI%20have%20a%20SPFx%20web%20part%20with%20one%20property%20named%20Department%3A-%3C%2FP%3E%3CPRE%3E%20%20%3CSPAN%20class%3D%22%22%3Eprotected%3C%2FSPAN%3E%20%3CSPAN%20class%3D%22%22%3EgetPropertyPaneConfiguration()%3A%3C%2FSPAN%3E%20%3CSPAN%20class%3D%22%22%3EIPropertyPaneConfiguration%3C%2FSPAN%3E%20%7B%0A%20%20%20%20%3CSPAN%20class%3D%22%22%3Ereturn%3C%2FSPAN%3E%20%7B%0A%20%20%20%20%20%20%3CSPAN%20class%3D%22%22%3Epages%3A%3C%2FSPAN%3E%20%5B%0A%20%20%20%20%20%20%20%20%7B%0A%20%20%20%20%20%20%20%20%20%20%3CSPAN%20class%3D%22%22%3Eheader%3A%3C%2FSPAN%3E%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20%3CSPAN%20class%3D%22%22%3Edescription%3A%3C%2FSPAN%3E%20%3CSPAN%20class%3D%22%22%3Estrings.PropertyPaneDescription%3C%2FSPAN%3E%0A%20%20%20%20%20%20%20%20%20%20%7D%2C%0A%20%20%20%20%20%20%20%20%20%20%3CSPAN%20class%3D%22%22%3Egroups%3A%3C%2FSPAN%3E%20%5B%0A%20%20%20%20%20%20%20%20%20%20%20%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3CSPAN%20class%3D%22%22%3EgroupName%3A%3C%2FSPAN%3E%20%3CSPAN%20class%3D%22%22%3Estrings.BasicGroupName%3C%2FSPAN%3E%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3CSPAN%20class%3D%22%22%3EgroupFields%3A%3C%2FSPAN%3E%20%5B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3CSPAN%20class%3D%22%22%3EPropertyPaneTextField('department'%3C%2FSPAN%3E%2C%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3CSPAN%20class%3D%22%22%3Elabel%3A%3C%2FSPAN%3E%20%3CSPAN%20class%3D%22%22%3E'Department'%3C%2FSPAN%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%7D%3CSPAN%20class%3D%22%22%3E)%3C%2FSPAN%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%5D%0A%20%20%20%20%20%20%20%20%20%20%20%20%7D%0A%20%20%20%20%20%20%20%20%20%20%5D%0A%20%20%20%20%20%20%20%20%7D%0A%20%20%20%20%20%20%5D%0A%20%20%20%20%7D%3CSPAN%20class%3D%22%22%3E%3B%3C%2FSPAN%3E%0A%20%20%7D%3C%2FPRE%3E%3CP%3Eand%20it%20is%20a%20free%20text.%20so%20how%20i%20can%20make%20this%20property%20field%20Drop-down%20and%20populate%20its%20choices%20from%20a%20field%20named%20Department%20inside%20a%20list%20named%20Contacts%3F%3C%2FP%3E%3CP%3EThanks%3C%2FP%3E%3C%2FDIV%3E%3C%2FLINGO-BODY%3E%3CLINGO-LABS%20id%3D%22lingo-labs-3017657%22%20slang%3D%22en-US%22%3E%3CLINGO-LABEL%3EAPIs%3C%2FLINGO-LABEL%3E%3CLINGO-LABEL%3EDeveloper%3C%2FLINGO-LABEL%3E%3C%2FLINGO-LABS%3E
Valued Contributor

I have a SPFx web part with one property named Department:-

  protected getPropertyPaneConfiguration(): IPropertyPaneConfiguration {
    return {
      pages: [
        {
          header: {
            description: strings.PropertyPaneDescription
          },
          groups: [
            {
              groupName: strings.BasicGroupName,
              groupFields: [
                PropertyPaneTextField('department', {
                  label: 'Department'
                })
              ]
            }
          ]
        }
      ]
    };
  }

and it is a free text. so how i can make this property field Drop-down and populate its choices from a field named Department inside a list named Contacts?

Thanks

0 Replies