React MultiSelect Component AutoClose to false

2 posts, 0 answers
  1. Stephanie
    Stephanie avatar
    1 posts
    Member since:
    Dec 2018

    Posted 10 Dec 2018 Link to this post

    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 react component. I don't want the multiselect 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');
                }
              });
            }
          });

     

     

  2. Stefan
    Admin
    Stefan avatar
    2913 posts

    Posted 11 Dec 2018 Link to this post

    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
Back to Top