剑道下拉列表清除过滤器在 Edge/IE 中不起作用答案

【问题标题】：Kendo dropdown list clear filter not working in Edge/IE剑道下拉列表清除过滤器在 Edge/IE 中不起作用
【发布时间】：2016-10-23 05:14:37
【问题描述】：

这是一个你可以借鉴的工作示例

<input type="text" id="ddl" />
<button>Change value</button>
<script>
  var ddl = $("#ddl").kendoDropDownList({
    dataTextField: "name",
    dataValueField: "id",
    filter: "contains",
    dataSource: {
    data: [
    {id: 1, name: "apples"},
    {id: 2, name: "oranges"},
    {id: 3, name: "apples2"},
    {id: 4, name: "oranges2"}]
    }
  }).data("kendoDropDownList");

   $("button").on("click", function(){
     ddl.dataSource.filter("")
     ddl.value(2);
   });
</script>

http://dojo.telerik.com/@plazarov/EmAni

点击下拉列表，在Edge中过滤

现在通过选择输入文本字段上的“x”标记来清除过滤器。过滤器不会被清除。

是剑道控制的bug吗？

【问题讨论】：

标签： kendo-ui telerik kendo-dropdown

【解决方案1】：

似乎是错误。而之前的“答案”并不是答案。对于http://dojo.telerik.com/@plazarov/EmAni 和http://dojo.telerik.com/oguYo 这两个示例，您需要单击两次以清除过滤器。我也没有找到解决办法。

但如果您清除选定的值，它会起作用： http://dojo.telerik.com/ocUlEkAd/2

【讨论】：

【解决方案2】：

你可以说这是一个剑道错误，是的，看看他们的例子，它遇到了同样的问题（在 IE/Edge 中）： http://demos.telerik.com/kendo-ui/dropdownlist/serverfiltering

但您也可以争辩说是浏览器将其插入并在输入字段中添加了这个“清除”按钮。您可以使用简单的 CSS 来抑制它：（感谢 Remove IE10's "clear field" X button on certain inputs?）

.someinput::-ms-clear {
  display: none;
}

在此处查看工作示例：http://dojo.telerik.com/oguYo

有趣的是，Kendo 样式也抑制了这一点，而不是让它与小部件一起使用，我一眼就发现了它在常见 CSS 中的 2 个用法：

.k-widget ::-ms-clear{width:0;height:0}

.k-multiselect-wrap .k-input::-ms-clear{display:none}

大概他们错过了这个实例，好地方！

【讨论】：