Kendo MultiSelect：搜索多个字段答案

【问题标题】：Kendo MultiSelect: Search on multiple fieldsKendo MultiSelect：搜索多个字段
【发布时间】：2016-04-12 22:27:01
【问题描述】：

我正在使用 kendo Multiselect，我想找到一种在我的数据源的多个字段中进行搜索的方法。这是我的实际代码。但它只适用于一个领域：

`
$scope.dataList = new kendo.data.DataSource({
    data:[{id: "1",name: "Doe, John",email: "John.Doe@example.com"}],
});
$scope.customOption = {
                dataSource: $scope.dataList,
                dataTextField: "name",
                dataValueField: "id",
                filter: "contains", 
                itemTemplate: '<span>#=id#</span>#=name#<i> #=email#</i>',
}
`

如你所见，我也在使用 AngularJS，我尝试搜索姓名和电子邮件。

【问题讨论】：

标签： kendo-ui multi-select kendo-multiselect

【解决方案1】：

$("#id").kendoMultiSelect({
        placeholder: "Select products...",
        dataTextField: "name",
        dataValueField: "id",
        autoBind: false,
        filtering: function (e) {
            if (e.filter) {
                var value = e.filter.value
                var newFilter = {
                    filters: [
                        { field: "id", operator: "contains", value: value },
                        { field: "name", operator: "contains", value: value },
                        { field: "email", operator: "contains", value: value }
                    ],
                    logic: "or"
                }
                e.sender.dataSource.filter(newFilter)
                e.preventDefault()
            }
            e.preventDefault()
        },
        dataSource: {
            data:[
            {id: "1",name: "Doe, John",email: "John.Doe@example.com"},
            {id: "2",name: "sss, John",email: "sss.Doe@example.com"},
            {id: "3",name: "fff, John",email: "fff.Doe@example.com"},
            {id: "4",name: "ccc, John",email: "ccc.Doe@example.com"}
            ],
        },
        value: [
            {id: "1",name: "Doe, John"},
        ]
    });

请参阅 Kendo DataSource 和 MultiSelect 的 API 文档。希望有帮助。

【讨论】：