kendo 移动列表视图更改过滤器 onclick

kendo mobile listview change filter onclick

当我点击其中的 1 个时,我需要过滤列表视图 buttons

<ul id="blabla" data-role="buttongroup" data-select="onSelect" data-index="0">
    <li><a onclick="filterActivities('gte');">Upcoming</a></li>
    <li>Past</li>
    <li>Favorites</li>
</ul>

它使用运算符参数触发 filterActivities

<script type="text/javascript">
    var filterableListview = $("#filterable-listview").kendoMobileListView;
    function filterActivities(op) {
        filterableListview.dataSource.filter({
            field: "starttime",
            type: "Date",
            operator: op,
        });
    }
</script>

但我收到此错误:无法读取 属性 'dataSource' of null at index.html#components/home/myactivities.html

我是移动编程的新手,我在做一个现有的项目

我找到了如何检索列表视图,当然还有数据源,这里是答案:

//Filter on date
var filterableListview = $("#filterable-listview").data('kendoMobileListView');
var date = new Date();
date = kendo.toString(kendo.parseDate(date, "yyyy-MM-dd HH:mm:ss"), "yyyy-MM-dd HH:mm:ss");
//First filter(upcoming) when the page is rendered
filterableListview.dataSource.filter({
    field: "starttime",
    operator: "gte",
    value: date,
});

对于按钮,我刚刚创建了将按上述说明进行过滤的函数,并且我在按钮上写了一些 ID,以便在单击时触发函数