Uneditable KendoMultiselect

6 posts, 0 answers
  1. Anamika
    Anamika avatar
    157 posts
    Member since:
    Mar 2014

    Posted 13 Aug 2014 Link to this post

    Hello,

    i would like to use multiselect only for selecting multiple items but not add/edit. So i do not Need it editable. can i achieve that? If i make it readonly then i cannot select item even. please suggest what to do.

    Thanks

    Anamika
  2.
  3. Alexander Popov
    Admin
    Alexander Popov avatar
    1445 posts

    Posted 15 Aug 2014 Link to this post

    Hi Anamika,

    The MultiSelect widget does not support adding or editing, only selecting items from a predefined list, so I am not sure I understand you correctly. Would please clarify what is the expected behavior in your case?

    Regards,
    Alexander Popov
    Telerik
     
    Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
     
  5. Anamika
    Anamika avatar
    157 posts
    Member since:
    Mar 2014

    Posted 18 Aug 2014 in reply to Alexander Popov Link to this post

    Hello,

    Sorry not adding editing but multiselect has user Input Option for filtering. So when we click multselect we can type in and then the data gets filtered and displayed. I do not want that Feature as in mobile devices the Focus goes there and the Keyboard Pops up always making it hard to use. I would like to have no user Input

    Thanks

    Anamika
  7. Alexander Popov
    Admin
    Alexander Popov avatar
    1445 posts

    Posted 20 Aug 2014 Link to this post

    Hello again Anamika,

    Although this scenario is not supported out of the box it could be achieved using a custom solution. For example:
    • Initialize the widget as usual
    • Get the widget's instance and add a "readonly" attribute to its input element: 
      var ms = $("#multiselect").kendoMultiSelect().data("kendoMultiSelect");
      ms.input.attr("readonly", "readonly");


    Regards,
    Alexander Popov
    Telerik
     
    Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
     
  8.
  9. Anamika
    Anamika avatar
    157 posts
    Member since:
    Mar 2014

    Posted 20 Aug 2014 in reply to Alexander Popov Link to this post

    Hello,

    I have tried this solution in document load. But then it just works fine first time. the Moment multiselect gets Focus or i select something then again the caret is blinking and in mobile devices you can see a small White space and the Keyboard Pops up. this is really annoying. Where can i set readonly just once and it should just work always. There should be just one property provided by telerik to set it off to make life easier.

    Anamika
  11. Alexander Popov
    Admin
    Alexander Popov avatar
    1445 posts

    Posted 21 Aug 2014 Link to this post

    Hello again Anamika,

    I tried to reproduce the behavior you described using this example, but everything worked as expected both on mobile (Android and iOS) and desktop (Chrome, IE10).
    Making only the MultiSelect's input read-only is currently not supported, so I would recommend submitting this idea on our feedback portal, where it could be publicly discussed and voted for. As you probably know, the most popular suggestions posted there are often implemented in future Kendo UI releases.

    Regards,
    Alexander Popov
    Telerik
     
    Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
     
Back to Top