Kendo DropDown фильтр и отображение в GridView

У меня есть фильтр с выпадающими городами. Я хочу, чтобы, когда я выбираю город из раскрывающегося списка и нажимаю кнопку поиска, отображать данные в виде сетки с этим городом.

Первый вопрос

1) Как получить значение из выпадающего списка и перейти к кнопке и контроллеру вызова?

2) Я пробовал без выпадающего списка, когда заполнял значение непосредственно в методе чтения, но ничего, моя сетка пуста.

это мой код

Частичное представление «Фильтр», представление с представлением сетки и метод в контроллере, заполняющий представление сетки.

@{
    ViewBag.Title = "Filter";    
}
<div class="filter-all">
    <div class="filter-dropdown">
  <div class="filter-part">
            <div class="custom-label-div">
                City:</div>
            <div class="defaultSize">
                @(Html.Kendo().DropDownList()
  .Name("City")
  .HtmlAttributes(new { style = "width:250px" })
  .DataTextField("CityName")
  .DataValueField("CityID")
  .OptionLabel("...")
  .DataSource(source =>
  {
      source.Read(read =>
      {
          read.Action("GetCities", "Filter");
      });
  })
   )
            </div>
        </div>
    </div>
    <div class="filter-buttons">
        <div class="button-filter-div">
            <input type="button" value="Search City" onclick="location.href='@Url.Action("Index", "MFS3")'" class="k-button" style="width: 80px"/>
            <input type="button" value="Cancel" onclick="location.href='@Url.Action("Index", "Preview")'" class="k-button" style="width: 80px"/>
        </div>
    </div>
</div>


@model IEnumerable<MFS_App.Models.MFS3ViewModel>
<div class="right-content shadow">
    <div class="preview-header">
        Preview Reports</div>
    <div class="preview-content">
        @Html.Partial("_Filter")
    </div>
</div>
<div class="parent-preview-content shadow">
    <div class="child-preview-content">
        @Html.Partial("_ReportsGridView")
        <div class="mfs-title">
        <div class="filter-preview-div">
            @(Html.Kendo().Grid(Model)
    .Name("GridMFS3")
            .Columns(columns =>
            {
                columns.Bound(p => p.FirstName).HtmlAttributes(new { style="width:50px"});
                columns.Bound(p => p.LastName).HtmlAttributes(new { style ="width:70px"});
                columns.Bound(p => p.Address).HtmlAttributes(new { style = "width:80px"});
                columns.Bound(p => p.Mail).HtmlAttributes(new { style = "width:100px" });
                columns.Bound(p => p.County).HtmlAttributes(new { style = "width:70px" });
                columns.Bound(p => p.City).HtmlAttributes(new { style = "width:50px" });                columns.Command(c => c.Edit());
            })
    .DataSource(source => 
    {
        source.Server()

              .Model(model => model.Id(m => m.MFS3_ID))
              .Read(read => read.Action("GetMFS", "MFS3", new { cityID = 251} )) 
              .Update(update => update.Action("Update", "MFS3"));
    })

    .Editable(editable => editable.Mode(GridEditMode.PopUp))
    .Selectable(selectable => selectable.Mode(GridSelectionMode.Multiple))
    .Pageable()
    .Resizable(resize => resize.Columns(true))
    .HtmlAttributes(new { style = "width: 1850px" })
)

  private IEnumerable<MFS3ViewModel> GetMFS3(int cityID)
        {
            return HelperClass.dbUp.TBL_MFS_MFS3_Input.Select(p => new MFS3ViewModel
            {
                CITYID = p.CITIYID,
                MFS3_ID = p.MFS3_ID,
                FirstName = p. FirstName,
                LastName = p. LastName,
                p.Address = p. p.Address,
                .Mail = p. .Mail,
                County = p. County,
                City = p. City,
            }).Where(p => p.CITYID == cityID);
        }