Kendo mobilen Listenansicht ändern Filter Onclick

Question

Ich brauche eine Listenansicht zu filtern, wenn ich diese buttons auf 1 klicken

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

Es löst filterActivities mit dem Betreiber Paramater

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

Aber ich bekomme diese Fehlermeldung: Kann die Eigenschaft 'dataSource' von null nicht lesen bei index.html # components/home/myactivities.html

Ich bin neu in der mobilen Programmierung und ich arbeite an einem bestehenden Projekt

ect

Answer 1

Ich fand, wie die Listenansicht abrufen und natürlich die Datenquelle durch die Art und Weise, hier ist die Antwort:

//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, 
}); 

Für die Tasten i Funktionen gerade erstellt, die wie oben erläutert Filter und ich schrieb einige ids auf den Tasten, so dass die Funktionen bei Klick

ausgelöst werden