I have Cascading DropDownLists (Kendo UI), I want to add them into the KendoUI Grid, because i want to add a search option to each list, so that user can find data through it easily, below is the code, how can i achive it.

@using List.Model.Model
@{
    ViewBag.Title = "Servers";
}


<

    h2>@ViewBag.Title</h2>
     @(Html.Kendo().DropDownList()
                  .Name("servers")
                  .OptionLabel("Select Server...")
                  .DataTextField("ServerName")
                  .DataValueField("ServerID")
                  .DataSource(source => {
                       source.Read(read => {
                           read.Action("GetCascadeServers","ServerLogins") 
                           .Type(HttpVerbs.Get);
                       });
                  })
            )


    @(Html.Kendo().DropDownList()
                  .Name("Logins")
                  .OptionLabel("Select Login...")
                  .DataTextField("passwd")
                  .DataValueField("LoginID")
                  .DataSource(source => {
                      source.Read(read =>
                      {
                          read.Action("GetCascadeLogins", "ServerLogins")

                              .Data("filterLogins")
                              .Type(HttpVerbs.Post);

                      })
                      .ServerFiltering(true);
                  })
                  .Enable(false)
                  .AutoBind(false)
                  .CascadeFrom("servers")
            )
    <script>
                function filterLogins() {
                    return {
                        servers: $("#servers").val()
                    };
                }
    </script>

Related posts

Recent Viewed