jquery kendo 网格过滤器属性未定义

Question

我有一个 jquery 函数，它应该根据单击的按钮的服务类型值过滤数据源。

我使用 Telerik 上的这篇文章来获得我的指导：

Adding filters to Grid's source

由此，我创建了这个buttonFilter() 函数：

function buttonFilter() {
    var buttonText = 'All';
    var button = $('#ReadTypeBtnGroup > button.btn.btn-default.active');
    if (button != null) {
        buttonText = button.val();
    }
    console.log('buttonFilter:: buttonText: ' + buttonText);
    var dataSource = $('#grid').data('kendoGrid').dataSource;
    if (dataSource.filter() != undefined) {
        dataSource.filter().length = 0; // remove any existing filters
    }
    if (buttonText != 'All') {
        dataSource.filter().push({ field: "serviceType", operator: 'eq', value: buttonText });
    }
    return buttonText;
}

我得到的错误是：

未捕获的类型错误：无法读取未定义的属性“推送”

filter() 属性应该是一个数组，但对于 javascript 或 jquery，我并不擅长。

我做错了什么？

Answer 1

你错了。您不能更改过滤器属性来更改 filter() 方法的结果。相反，您必须使用它传递参数。该方法只返回只读值。

例子：

var filters = dataSource.filter(); // Getting current filters 
dataSource.filter(null); // Clearing filters
dataSource.filter({ field: "abc", value: "1" }); // Setting new filters

Always check the docs