Suggestions not working with cascaded multiselects with serverFiltering(true).

2 posts, 0 answers
  1. Abhinav Mishra
    Abhinav Mishra avatar
    1 posts
    Member since:
    Apr 2006

    Posted 11 May Link to this post

    Hi Team,

    We are using cascaded multiselects with serverfiltering set to true.

    But when we are typing some characters in the second multiselect, the suggestions are not showing up.

    However it is working fine with serverfiltering set to false but in this case the second multiselect is not filtering on selection from first multiselect.

    First Multiselect:

    @(Html.Kendo().MultiSelect()
                                    .Name("drp_Sector")
                                    .DataTextField("SectorName")
                                    .DataValueField("SectorId")
                                    .Placeholder("Select").HtmlAttributes(new { @class = "drpWidth fontforcontrol" })
                                    .Events(e =>
                                    { e.Change("onChange_SectorPreDefinedComps").DataBound("onDataBound_SectorPreDefinedComps").Filtering("OnFilter_SectorPreDefinedComps");
                                    })
                                    .DataSource(source =>
                                    {
                                        source.Read(read =>
                                        {
                                            read.Action("GetSectors", "ManageComps");
                                        }).ServerFiltering(true);
                                    }).AutoBind(false)
                                    )

    Second Multiselect:

    @(Html.Kendo().MultiSelect()
                                    .Name("MulSel_SubSector")
                                    .DataTextField("SubSectorName")
                                    .DataValueField("SubSectorId")
                                    .Placeholder("Select")
                                    .AutoBind(false)
                                    .HtmlAttributes(new { @class = "fontforcontrol" })
                                    .Enable(false)
                                    .Events(e =>
                                    {
                                        e.Change("onChange_SubSectorPreDefinedComps").DataBound("onDataBound_SubSectorPreDefinedComps");

                                    })

                                    .DataSource(source =>
                                    {
                                        source.Read(read =>
                                        {
                                            read.Action("GetSubSectors", "TickComp")
                                            .Data("PostSectorIdPreDefined");
                                        }).ServerFiltering(true);
                                    }))

     

    Please help asap.

    Thanks in advance,

    Abhinav

  2. Nencho
    Admin
    Nencho avatar
    1671 posts

    Posted 15 May Link to this post

    Hello Abhinav,

    Could you also demonstrate the implementation for the events that you use for your multiselect. The reason for the requested implementation is because I assume that the cascading functionality is implemented in the Change event of the drp_Sector multiselect as demonstrated in our documentation article:

    http://docs.telerik.com/kendo-ui/controls/editors/multiselect/how-to/cascade/cascading-multiselects


    Regards,
    Nencho
    Telerik by Progress
    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.
Back to Top