Question

我想将一个值设置为一个剑道下拉列表，无论是什么情况。

以下代码的示例工作正常。

$（ “＃颜色”）的数据（ “kendoDropDownList”）值（ “灰色”）;。。

我也需要它来处理以下代码：

$（ “＃颜色”）的数据（ “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/

Answer 1

查看文档，这是有道理的，这不符合您的预期。您正在尝试设置值，而不是过滤下拉列表。 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

如何使Kendo下拉列表不区分大小写

1 个答案: