Выберите Kendo UI ListView Item

Question

Используя Kendo ListView и, когда моя страница перезагружается, если выбор сделан, мне нужно, чтобы мой код автоматически выбирал элемент ListView, который был ранее выбран. Я могу получить Kendo DataItem путем итерации по коллекции данных, но когда я делаю listView.select (item), пользовательский интерфейс не отображает ничего как выбранное.

Вот мой список вид:

$("#listview").kendoListView({ 
     dataSource: coverages, 
     template: kendo.template($("#listTemplate").html()), 
     selectable: true, 
     change: function() { 
      var index = this.select().index(); 
      dataItem = this.dataSource.view()[index]; 

      if (selectedCoverageCode == null) { 
       selectedCoverageCode = dataItem; 
      } 

      onCodeChanged(categoryId, planId, dataItem); 
     } 
    }); 

И вот мой код, чтобы установить ранее выбранный элемент:

function setSelectedCoverageCode(code) { 
    var listView = $("#listview").data("kendoListView"); 
    var dataSource = listView.dataSource.view(); 
    if (listView) { 
     $.each(dataSource, function(index, item) { 
      if (item.Code === code) { 
       listView.select(item); 
       selectedCoverageCode = item; 
      } 
     }); 
    } 
} 

Мне нужен DOM объект не является источником данных DataItem, я считаю. Вышеуказанная функция setSelectedCoverageCode запускает событие Change, но фактический элемент не выбран в этой точке DOM.

Как это сделать, чтобы я мог отображать элемент как уже выбранный, когда происходит перезагрузка? Предложения?

Благодаря

Answer 1

Вы можете получить элемент DOM для элемента данных, ища его UID.

var item = // the item out of the DataSource that you want to select 
var listView = $("#listview").data("kendoListView"); 

listView.select(listView.element.find('[data-uid="' + item.uid + '"]'));