autocomplete - 数字字段上的剑道自动完成

Question

尝试使用自动完成，但我的 dataTextField 是一个整数。所以我不断收到“tolower”或“indexof”错误。找不到一个人试图用数字自动完成的例子。

PS：适用于文本字段

http://jsfiddle.net/NSLp8/

$("#autocomplete").kendoAutoComplete({
    dataTextField: "value",
    select: function(e) {
        var dataItem = this.dataItem(e.item.index());

        //output selected dataItem
        $("#result").html(kendo.dataItem);       
    },
    dataSource: {
        data: [
            { id : 1, value: 1 },
            { id : 2, value: 2 },
            { id : 3, value: 3 },
            { id : 4, value: 4 }
        ]
    }
});

Answer 1

作为一种解决方法，您可以尝试将toLowerCase()原型添加到Number

$(document).ready(function() {
  if (!Number.prototype.toLowerCase) {
    Number.prototype.toLowerCase = function() {
      return this.toString();
    }
  }
});

$(document).ready(function() {
  if (!Number.prototype.toLowerCase) {
    Number.prototype.toLowerCase = function() {
      return this.toString();
    }
  }
});

$("#autocomplete").kendoAutoComplete({
  dataTextField: "value",
  select: function(e) {
    var dataItem = this.dataItem(e.item.index());

    //output selected dataItem
    $("#result").html(kendo.dataItem);
  },
  dataSource: {
    data: [{
      id: 1,
      value: 1
    }, {
      id: 2,
      value: 2
    }, {
      id: 3,
      value: 3
    }, {
      id: 4,
      value: 4
    }]
  }
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<link href="http://cdn.kendostatic.com/2013.2.716/styles/kendo.common.min.css" rel="stylesheet" />
<script src="http://cdn.kendostatic.com/2013.2.716/js/kendo.all.min.js"></script>
<input id="autocomplete" />
<div id="result"></div>