open MultiSelect on tab focus

3 posts, 1 answers
  1. Darren
    Darren avatar
    2 posts
    Member since:
    Sep 2014

    Posted 10 Oct 2018 Link to this post

    Is there a good way to trigger the multiselect open event when you tab into the control from a previous input. Currently it does open when you click on the element or if you tab into it and type or press the down key. However i would like to trigger the open even on focus. I have tried the following just to log the event however it does not seem to trigger the focus event until i start to type. 

    $("select[data-role=multiselect]").each(function () {
        var widget = $(this).getKendoMultiSelect();
        widget.input.on("focus", function () {
            console.log(this);
        });
    });


  2. Answer
    Ivan Danchev
    Admin
    Ivan Danchev avatar
    1676 posts

    Posted 11 Oct 2018 Link to this post

    Hello Darren,

    You can call the MultiSelect's open API method in the focus event handler. This way the widget's popup gets open on tabbing from an input into the MultiSelect. Here's a dojo example.

    Regards,
    Ivan Danchev
    Progress Telerik
    Get quickly onboarded and successful with your Telerik and/or Kendo UI products with the Virtual Classroom free technical training, available to all active customers. Learn More.
  3. Darren
    Darren avatar
    2 posts
    Member since:
    Sep 2014

    Posted 11 Oct 2018 in reply to Ivan Danchev Link to this post

    Thanks Ivan, 

    Wrapping my function in $(document).ready() made it work.
Back to Top