您只需要在下拉列表中查看 select 事件 . 当值更改时,从所选项中获取操作符,从中构建过滤器对象,并将其传递到远程数据源上的 DataSource.filter() .
var dataSourceSearchOperators = new kendo.data.DataSource({
data: [
{ OPERAND: "=", DATATYPE: "num", INFO: "Equal", OPERATOR: "eq" },
{ OPERAND: "<>", DATATYPE: "num", INFO: "Not Equal", OPERATOR: "neq" },
{ OPERAND: ">", DATATYPE: "num", INFO: "Greater Than", OPERATOR: "gt" }
]
});
var dataSourceToFilter = new kendo.data.DataSource({
data: [
{ value: 1 },
{ value: 2 },
{ value: 3 },
{ value: 4 }
],
schema: {
model: {
value: { type: "number" }
}
}
});
var onFilterOperatorSelected = function (selectEvent) {
var operator = selectEvent.sender.dataItem(selectEvent.item.index()).OPERATOR;
var filter = {
field: "value",
operator: operator,
value: 2
};
dataSourceToFilter.filter(filter);
};
$("#operators").kendoDropDownList({
dataSource: dataSourceSearchOperators,
dataTextField: "INFO",
dataValueField: "OPERAND",
select: onFilterOperatorSelected
});
$("#list").kendoListView({
dataSource: dataSourceToFilter,
template: "
${value}"});