кендо мобильный фильтр изменить ListView OnClick

Question

мне нужно фильтровать ListView, когда я нажимаю на 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' из null в index.html # components/home/myactivities.html

Я новичок в мобильном программировании, и я работаю над существующим проектом ЭСТ

Answer 1

Я нашел, как получить ListView и, конечно, источник данных, кстати, вот ответ:

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

Для кнопок я только что создал функции, которые будут фильтровать, как описано выше, и я написал несколько идентификаторов на кнопках, чтобы функции запускались при нажатии