剣道ドロップダウンリストをクリアフィルターは、エッジ/ 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

をしかし、あなたはそれがブラウザでの鼻を突くと、これを追加することだとも主張することができ入力フィールドに「クリア」ボタンを押します。

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

はここで働くの例を参照してください

（クレジット Remove IE10's "clear field" X button on certain inputs?まで）：： http://dojo.telerik.com/oguYo

は興味深いことに剣道スタイルはこれを抑制するあまりにも代わりのウィジェットで作業それを作る、私は2つの用途を見つけたあなたは、簡単なCSSでそれを抑制することができます共通のCSSでこれを一見しただけです。

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

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

おそらく彼らはこのインスタンスを逃しました、良い点です！