MultiSelect Tag Template selected value with comma separate in input field

5 posts, 2 answers
  1. Suman
    Suman avatar
    11 posts
    Member since:
    Mar 2017

    Posted 26 Sep Link to this post

    Hi,

    MultiSelect Tag Template selected value with comma separate in input field.

    Is it available in document? If not could you send sample code how to set selected value with comma separate.

    Regards
    Suman

     

  2. Answer
    Ivan Danchev
    Admin
    Ivan Danchev avatar
    1332 posts

    Posted 27 Sep Link to this post

    Hi Suman,

    The MultiSelect cannot be configured to display selected items separated with comma. Such behavior is implemented for the AutoComplete widget. In the MultiSelect the selected items are displayed as tags. The mentioned tagTemplate option allows you to customize the content of the tags and cannot be used to remove the tag and display only the items text separated by commas. We would suggest logging your idea as a feature request in our Feedback Portal. If approved by the team, it will be implemented in a future release.

    Regards,
    Ivan Danchev
    Progress Telerik
    Try our brand new, jQuery-free Angular 2 components built from ground-up which deliver the business app essential building blocks - a grid component, data visualization (charts) and form elements.
  3. Suman
    Suman avatar
    11 posts
    Member since:
    Mar 2017

    Posted 27 Sep Link to this post

    In Multselect have autoclose configuration whereas Autocomplete does not have. :( Do you have any idea in AutoComplete which events to prevent for autoclose.

    Thanks.

  4. Answer
    Dimitar
    Admin
    Dimitar avatar
    359 posts

    Posted 29 Sep Link to this post

    Hi,

    Preventing the AutoComplete's close() event would keep the dropdown open:

    <input id="autocomplete" />
    <script>
    $("#autocomplete").kendoAutoComplete({
      dataSource: [ "Apples", "Oranges" ],
      close: function(e) {
        // handle the event
        e.preventDefault()
      }
    });
    </script>


    Regards,
    Dimitar
    Progress Telerik
    Try our brand new, jQuery-free Angular 2 components built from ground-up which deliver the business app essential building blocks - a grid component, data visualization (charts) and form elements.
  5. Suman
    Suman avatar
    11 posts
    Member since:
    Mar 2017

    Posted 01 Oct Link to this post

    Thanks. :)
Back to Top