劍道下拉列表清晰過濾器，邊緣不工作/ IE

Question

這是一個工作例如，你可以在下拉列表上

<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

單擊並在邊緣 過濾它

現在通過在輸入文本字段上選擇'x'標記來清除過濾器。過濾器不會被清除。

這是劍道控制中的錯誤嗎？

Answer 1

你可以說這是一個劍道的錯誤是，看到自己的例子遭受了同樣的問題（在IE /邊框）： 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

有趣的是劍道風格抑制這種過多，而不是使其與工具了，我發現2種用途它的普通CSS只是一目瞭然：

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

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

想必他們錯過了這個實例，雖然，好點！