如何筛选包含2个字段的一列.剑道网格JQuery

Question

你好，我有一个Kendo网格，它包含两个字段FirstName和LastName。我正在使用一个自定义模板，它将这两个字段连接在一起，以创建一个名为formatName的函数。此模板在网格中创建一个名为Name的列，该列具有FirstName和LastName字段。我的问题是，当我在name列中放入filterable属性时，它只搜索First name。如何设置filterbox以同时搜索firstName和LastName字段。我不确定剑道将如何读取这两个字段，因为我只能输入FirstName或LastName，但不能同时输入两者？

$("#grid").kendoGrid({
autoBind: true,
dataSource: {
data: tempData,
pageSize: 5
},
filterable: {
mode: "row"
},
columns: [
{ title: "Name", field: "FirstName", template: formatName, width: "250px", filterable: { cell: { showOperators: false } } },],

});
}
var tempData = [{
FirstName: "John",
LastName: "Doe"
},
{
FirstName: "Jane",
LastName: "Sally"
},];

export function formatName(data: any) {
return "<b>" + data.LastName.toUpperCase() + "</b>, " + data.FirstName.toUpperCase();
}

Answer 1

列筛选器将只在列绑定到的字段中搜索。您可以将FullName属性添加到模型中并绑定该列。

$("#grid").kendoGrid({
autoBind: true,
dataSource: {
data: tempData,
pageSize: 5
},
filterable: {
mode: "row"
},
columns: [
{ title: "Name", field: "FullName", template: formatName, width: "250px", filterable: { cell: { showOperators: false } } },],

});
}
var tempData = [{
FirstName: "John",
LastName: "Doe",
FullName: "John Doe"
},
{
FirstName: "Jane",
LastName: "Sally",
FullName: "Jane Sally"
},];

export function formatName(data: any) {
return "<b>" + data.LastName.toUpperCase() + "</b>, " + data.FirstName.toUpperCase();
}