Question

当我点击此buttons

中的1时，我需要过滤列表视图

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

但我收到此错误：无法读取属性＆＃39; dataSource＆＃39; index.html＃components / home / myactivities.html

中的null

我是移动编程的新手，我在现有项目上工作

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，以便点击时触发功能

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

1 个答案: