Cascading dropdown list in SPFx web part

Question

Can someone help me with this issue as I would like to create cascading dropdown lists inside the web part itself and not in the property pane.

I have found this code in [github react-custompropertypanecontrols" which does exactly what I want but I want them to be displayed in the web part itself.

Any help, please?

Ashik Paul · Answer

You can do this using SPServices

$().SPServices.SPCascadeDropdowns({
 relationshipList: "States",
 relationshipListParentColumn: "Country",
 relationshipListChildColumn: "Title",
 parentColumn: "Country",
 childColumn: "State",
 debug: true
});

You can check the example in the below link

https://social.technet.microsoft.com/wiki/contents/articles/37676.sharepoint-2013-cascade-dropdown-list-using-spservices-spservices-spcascadedropdowns.aspx

The below image is very helpful to avoid confusion with using it

Cascading dropdown list in SPFx web part

One Answer

Add your own answers!

Ask a Question