javascript - kendo mobile listview更改过滤器onclick

Question

单击其中一个按钮时，我需要过滤列表视图

<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>

它使用 operator 参数触发 filterActivity

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

但我收到此错误：Cannot read property 'dataSource' of null at index.html#components/home/myactivities.html

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

Answer 1

顺便说一句，我找到了如何检索列表视图和数据源，这是答案：

//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，以便在单击时触发这些功能