This is a migrated thread and some comments may be shown as answers.

React MultiSelect Component AutoClose to false

1 Answer 537 Views
Wrappers for React
This is a migrated thread and some comments may be shown as answers.
Stephanie
Top achievements
Rank 1
Stephanie asked on 10 Dec 2018, 11:49 PM

In the jQuery UI version of the kendo Multi Select component, you can disable the autoclose, but it doesn't seem to work for a component. I don't want the  to close after someone selects something.

 

$("#multiselect").kendoMultiSelect({
        autoClose: false,
        highlightFirst: true,
        deselect: function(e){
          setTimeout(function(){
            if(!e.sender.value().length){
              e.sender.list.find('.k-state-focused').removeClass('k-state-focused');
              e.sender.list.find('li.k-item').first().addClass('k-state-focused');
            }
          });
        }
      });

 

 

1 Answer, 1 is accepted

Sort by
0
Stefan
Telerik team
answered on 11 Dec 2018, 09:04 AM
Hello, Stephanie,

In the React MultiSelect this can be achieved using the opened property of the MultiSelect that control its open state:

https://www.telerik.com/kendo-react-ui/components/dropdowns/api/MultiSelectProps/#toc-opened

https://www.telerik.com/kendo-react-ui/components/dropdowns/api/MultiSelectProps/#toc-onopen

https://www.telerik.com/kendo-react-ui/components/dropdowns/api/MultiSelectProps/#toc-onblur

I made an example demonstrating this:

https://stackblitz.com/edit/react-tdaasc?file=app/main.js

========================================================================================================================================

Also, I noticed that this account is not currently associated with a valid License or a Trial. Before continuing with the technical support, could you please start a Trial account or associate this with a license if you already have a valid license.

Regards,
Stefan
Progress Telerik
Do you want to have your say when we set our development plans? Do you want to know when a feature you care about is added or when a bug fixed? Explore the Telerik Feedback Portal and vote to affect the priority of the items
Tags
Wrappers for React
Asked by
Stephanie
Top achievements
Rank 1
Answers by
Stefan
Telerik team
Share this question
or