question-mark
Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

Is there support for multi select dropdown?

See original GitHub issue

Hi guys I am checking to see if there is support for multi select dropdown like something i can pass to valueEditorType prop to make it multiselect?

Thanks

Issue Analytics

  • State:closed
  • Created 3 years ago
  • Comments:8 (4 by maintainers)

github_iconTop GitHub Comments

1reaction
MohammedAlasaadcommented, Jul 2, 2021

Is it possible to use react-select for fields and operators too ? @jakeboone02 Thanks

1reaction
jakeboone02commented, Jul 1, 2021

@Mohammedalasaad sure, just switch the ValueEditor based on the field name or some other identifiable property. Something like this:

// ValueEditor.js
import { ValueEditor as DefaultValueEditor } from "react-querybuilder";
import Select from "react-select";

const ValueEditor = props => {
  const { field, handleOnChange, value, values } = props;

  if (field === "test") {
    return <Select onChange={handleOnChange} value={value} options={values} isMulti />;
  }

  return <DefaultValueEditor {...props} />
};

export default ValueEditor;
Read more comments on GitHub >

github_iconTop Results From Across the Web

Can you have multi-select on a list of options in the dropdown?
Yes, there is a multiple selection option for the drop down field as shown below. Hope this helps.
Read more >
Dropdown List and Multi Select Dropdown List - Gainsight Inc.
Multi select dropdown list is used when a user wants to store multiple values for the same record, whereas dropdown list is used...
Read more >
Select Multiple Items from a Drop Down List in Excel
In this tutorial, learn how to select multiple items from a drop down list in Excel. This can be achieved by using a...
Read more >
Setting up Multi-Select Dropdown for Incident, Service Catalog ...
With multi-select dropdown, users can select multiple options for a particular field from the dropdown in incident and service item forms in ...
Read more >
Multi-select Dropdown List with Checkbox using jQuery
Multiselect dropdown is very useful to allow the user to select multiple options in a selectbox. Multiple selections of the dropdown list ...
Read more >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found