如何讓Kendo下拉列表不區分大小寫不受影響

下面的代碼示例工作正常。（「＃color」）。data（「kendoDropDownList」）。value（「Gray」）;以及其他值。

我需要它爲下面的代碼工作過：

$（「＃顏色」）的數據（「kendoDropDownList」）值（「灰色」）;

(function() { 
 
    var data = [{ 
 
    text: "Black", 
 
    value: "Black" 
 
    }, { 
 
    text: "Orange", 
 
    value: "Orange" 
 
    }, { 
 
    text: "Grey", 
 
    value: "Grey" 
 
    }]; 
 

 
    // create DropDownList from input HTML element 
 
    $("#color").kendoDropDownList({ 
 
    dataTextField: "text", 
 
    dataValueField: "value", 
 
    dataSource: data, 
 
    index: 0 
 
    }); 
 

 
    var color = $("#color").data("kendoDropDownList"); 
 
    color.value("Grey"); 
 
})();

<link href="https://kendo.cdn.telerik.com/2016.2.504/styles/kendo.common.min.css" rel="stylesheet" /> 
 
<link href="https://kendo.cdn.telerik.com/2016.2.504/styles/kendo.default.min.css" rel="stylesheet" /> 
 
<link href="https://kendo.cdn.telerik.com/2016.2.504/styles/kendo.all.min.css" rel="stylesheet" /> 
 
<script src="https://kendo.cdn.telerik.com/2016.2.504/js/kendo.all.min.js"></script> 
 

 
<input id="color" value="1" style="width: 100%;" />

請查看搗鼓更好的理解：https://jsfiddle.net/Hd47F/329/

來源

2017-05-29 Lonely Planeteer

望着文檔，這是有道理的，這是行不通的，你會期望。您正試圖設置該值，而不是篩選下拉列表。 ignoreCase屬性只適用於過濾和設置值需要從我可以看到的確切情況。

而不是使用value()設置值，請嘗試使用search()如下。

$("#color").kendoDropDownList({ 
    dataTextField: "text", 
    dataValueField: "value", 
    dataSource: data, // using your same data as above 
    index: 0 
    }); 

var color = $("#color").data("kendoDropDownList"); 
color.search("grey"); // This now works regardless of casing

你可以在這裏看到我的例子：http://dojo.telerik.com/ewEyoC

來源

2017-05-29 04:10:05

我試過了。這是行不通的。 –

如果你把'index'拿出來會發生什麼？ –

什麼都沒有發生。它仍然需要確切的情況。 –

如何讓Kendo下拉列表不區分大小寫不受影響

回答

相關問題