如何避免剑道自动完成中的重复值

Question

我使用了一个kendo grid ，该网格上还有一个剑道自动完成控件。 网格行包含具有重复值的列。 搜索时，如何区分列值？

var d1 = $("#grid").data("kendoGrid").dataSource;
$("#acProjName").kendoAutoComplete({
              dataSource: d1,
              dataTextField: "ProjectName",
              filter: "startswith",
              placeholder: "Project Name",
              change: ProjectSearch
             );

提前致谢？

Answer 1

您必须先过滤数组，然后再将其作为数据源（或基于它创建数据源）提供给自动完成小部件。

Answer 2

请尝试使用以下代码段。

<head>
    <title>Test</title>
    <link href="http://cdn.kendostatic.com/2014.1.318/styles/kendo.common.min.css" rel="stylesheet" />
    <link href="http://cdn.kendostatic.com/2014.1.318/styles/kendo.default.min.css" rel="stylesheet" />
    <script src="http://code.jquery.com/jquery-1.9.1.min.js"></script>
    <script src="http://cdn.kendostatic.com/2014.1.318/js/kendo.all.min.js"></script>
    <script type="text/javascript">
        var data = [
  { "make": "Audi", "model": "A1" },
  { "make": "Audi", "model": "A2" },
  { "make": "Audi", "model": "A3" },
  { "make": "Audi", "model": "A4" },
  { "make": "Saab", "model": "S500" }
];

        $(document).ready(function () {

            $("#grid").kendoGrid({
                dataSource: {
                    data: data
                },
                columns: [{
                    field: "make",
                    title: "make"

                }, {
                    field: "model",
                    title: "model"
                }]
            });

            makesDatasource = new kendo.data.DataSource({
                data: $("#grid").data("kendoGrid").dataSource.data(),
                group: { field: "make", value: "make" }
            });



            var makes = $("#makes").kendoDropDownList({
                optionLabel: "Select make...",
                dataTextField: "value",
                dataValueField: "value",
                dataSource: makesDatasource
            }).data("kendoDropDownList");

        });
    </script>
</head>
<body>
    <div>
        <div id="grid">
        </div>
        <div id="makes">
        </div>
    </div>
</body>

由于某些原因，“自动完成”控件在我的系统中不起作用，因此我提供了与DropdownList控件相关的演示。 请检查下拉列表控件中的数据源和数据文本字段。 您必须在自动完成控件中添加相同的属性。

让我知道是否有任何问题。