Kendo ui自动完成级联

时间:2013-09-20 09:03:30

标签: javascript jquery kendo-ui html-select kendo-asp.net-mvc

我遇到了2个剑道级联下拉列表的奇怪问题:

  • 第一个下拉列表:它是一个国家列表,用户可以编写并可以通过自动完成帮助(Filter(FilterType.StartsWith)和IgnoreCase(true)) 它完美地运作

  • 第二个下拉列表:它是所选国家/地区的所有城市的列表(来自第一个下拉列表)。与第一个配置相同:(Filter(FilterType.StartsWith)和IgnoreCase(true)) 过滤器和ignorecase不起作用,当我在下拉列表中写道时,我有一个“包含”过滤器并且区分大小写,默认值为...

这是我的代码:

        <span>Country:</span>
    @(Html.Kendo().ComboBox()
              .Name("countries")
              .DataTextField("CountryName")
              .DataValueField("CountryId")
              .Filter(FilterType.StartsWith)
              .IgnoreCase(true)
              .Placeholder("Select a country...")
              .DataSource(source =>
              {
                  source.Read(read =>
                  {
                      read.Action("GetCascadeCountries", "Home");
                  });
              })
            )

    <span>City:</span>
    @(Html.Kendo().ComboBox()
              .Name("cities")
              .DataTextField("CityName")
              .DataValueField("CityId")
              .Filter(FilterType.StartsWith)
              .IgnoreCase(true)
              .Placeholder("Select a city...")
              .DataSource(source =>
              {
                  source.Read(read =>
                  {
                      read.Action("GetCascadeCities", "Home")
                          .Data("filterCities");
                  })
                  .ServerFiltering(true);
              })
              .Enable(false)
              .AutoBind(false)
              .CascadeFrom("countries")
            )
    <script>
        function filterCities() {
            return {
                brands: $('#countries').val(),
                cityFilter: $('#cities').data('kendoComboBox').input.val()
            };
        }
    </script>

任何人都可以帮助我吗?也许我忘记了一些事情......

1 个答案:

答案 0 :(得分:0)

好的,我找到了解决方案,它是在我的“GetCascadeCities”控制器方法中。