MultiSelect in kendo ui grid

7 posts, 0 answers
  1. deepak
    deepak avatar
    5 posts
    Member since:
    Mar 2013

    Posted 25 Mar 2013 Link to this post

    Hi,
    I need to include MultiSelect list in grid which should show already assigned values as selected and if user wants  to assign more then he can select from select list.
    I have attached screenshot the way i want select list in grid.
    Please reply.
  2. Daniel
    Admin
    Daniel avatar
    2117 posts

    Posted 27 Mar 2013 Link to this post

    Hello,

    I attached a sample project which shows how to use the MultiSelect in a column template and set the model values.

    Regards,
    Daniel
    the Telerik team
    Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
  3. UI for ASP.NET MVC is VS 2017 Ready
  4. deepak
    deepak avatar
    5 posts
    Member since:
    Mar 2013

    Posted 29 Mar 2013 Link to this post

    Thanks for reply.
       I  am able to see the MultiSelect initially but it takes to much time to bind and while selecting item from list also taking time when i have commented following code

        function change(e) {
            var row = this.element.closest("tr"),
                model = $("#gridUser").data("kendoGrid").dataItem(row);
                model.set("Credentials", this.dataItems());
        } 

    take less time and also when i am going for inline edit editor template is not getting applied i have also added UIHint.
    I want the multiselect list value in case of update in inline edit.
    --------------------------------------------------------------------------------------------
    Now in my grid there are 300 records and expected to be 1000.
    Now in MultiSelect list there are 40 items expected to be upto 300.
    Please reply.
  5. Daniel
    Admin
    Daniel avatar
    2117 posts

    Posted 01 Apr 2013 Link to this post

    Hello,

    The set method triggers the change event which will cause the Grid to be rebound. You could assign the data directly in order to avoid the delay:

    function change(e) {
        var row = this.element.closest("tr"),
            model = $("#gridUser").data("kendoGrid").dataItem(row);
            model.Credentials = this.dataItems();
    }
    If you wish to use the MultiSelect in an editor template then I can suggest to check this code library. Kind regards,
    Daniel
    the Telerik team
    Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
  6. Atlas
    Atlas avatar
    97 posts
    Member since:
    Jun 2009

    Posted 19 Sep 2013 Link to this post

    I thought I would post this in case anybody else encounters this problem.
    I was unable to open this solution in VS 2010, but it did open correctly in VS 2012.
    It did, however, migrate the project.
  7. Bob
    Bob avatar
    10 posts
    Member since:
    Apr 2014

    Posted 29 Jan in reply to Daniel Link to this post

    Daniel,

    How would you enable column filtering on the multiselect column?

    Thanks!

  8. Boyan Dimitrov
    Admin
    Boyan Dimitrov avatar
    1746 posts

    Posted 03 Feb Link to this post

    Hello Bob,

     

    The built-in filtering does not support filtering a collection field. It is possible to implement it by passing the value to the server and filtering the data before using the ToDataSourceResult method.

     

    Please refer to the Filtering by List<string> forum discussion for sample project. 

     

    Regards,
    Boyan Dimitrov
    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
UI for ASP.NET MVC is VS 2017 Ready