Add emptyMessage property to Dropdown

[sriharsha0312]

When no options are present in dropdown , we need to get a panel with message 'No results found' which should not be clickable. Following are the two scenarios
1.If filter={false} passed to dropdown no options will be present in that dropdown ,so we need to get a panel with message 'No results found'.

2. By passing filter={true} to dropdown incase no options were present in the dropdown we need to get the panel with same message.

3.We also need to get a loader for the panel,when it takes some time to bind response data to the dropdown.

Thanks in Advance

[segocago]

You can pass a no results option as options to dropdown component when there are no options.

<Dropdown options={yourOptions.length > 0 ? yourOptions : [{label:"No results found",value:"No results found",disabled:true}]} ...restOfProps/>

[mertsincan]

Hi,

Added emptyMessage property to Dropdown. You can use it like;

emptyMessage="Test"

emptyMessage={<span>Test</span>}

emptyMessage={(props) => <span>Test</span>}

3.We also need to get a loader for the panel,when it takes some time to bind response data to the dropdown.

You can do it using the conditional JSX element in emptyMessage. Exp;

emptyMessage={loading ? <div><i className="pi pi-spin pi-spinner" style={{'fontSize': '2em'}}></i><div> : <span>No records found</span>}

Best Regards,