kendo mobile listview更改过滤器onclick答案

【问题标题】：kendo mobile listview change filter onclickkendo mobile listview更改过滤器onclick
【发布时间】：2016-05-02 10:16:52
【问题描述】：

当我点击其中一个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>

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

我是移动编程新手，我正在处理一个现有项目

【问题讨论】：

标签： javascript jquery kendo-mobile kendo-listview

【解决方案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，以便在点击时触发这些功能

【讨论】：