Select all option in FormMultiselect component

Hi, Abhishek,

I prepared an example of the MultiSelect component with the select all option in the KendoReact Form.

This approach requires handling the `onChange` coming from the `fieldRenderProps` in the `onChange` handler of the MultiSelect component, where you can set the value in the event to the calculated value:

fieldRenderProps.onChange({
      target: event.target,
      value: { value },
    });

In addition, the you should pass `state.value` to the MultiSelect component instead of the value coming from the fieldRenderProps. Therefore, I am setting the value under `{...others}`:

• https://stackblitz.com/edit/react-yr88yb?file=app%2FMultiSelectSelectAll.jsx

Moreover, I could see that you submitted a feature request for the same question. Therefore, I will delete it in order to keep the information consistent:

• https://feedback.telerik.com/kendo-react-ui/1629190-select-all-checkbox-option-in-form-multiselect-component

Hello, Abhishek,

Thank you for getting back to me with more information.

I believe that you are binding the MultiSelect data to a dataset of objects. Is this correct?

I updated the example such that I am setting the data to an array of objects, and in `handleChange`, in the first two lines I changed `i` to `i.text` since the `i` now refers to the object that contains the text and id properties. In addition, I added the `textField` and `dataItemKey` properties to the MultiSelect component:

• https://stackblitz.com/edit/react-yr88yb-ytw1cb?file=app%2FMultiSelectSelectAll.jsx

I hope this helps.