I have a RadListView "linked" to an observableArray of <FoodItems> (which is my own type/obj). This object has one property that holds the css class, which I use to change the background color, called "listItemClass"
<lv:RadListView.itemTemplate class="list-view-item-template">
<GridLayout columns="*, auto" rows="30, auto" class="{{ listItemClass }}" >
Then, on the "itemSelected(args)" event I change the css style, to reflect that this item has been selected. I explicitly call listView.refresh(); to refresh the page.
This works, almost always. After hours of debugging and trying different techniques to make the list refresh, I pin pointed the issue; If I click the first element of the list, then it selects it, but the view doesn't refresh, so the new background style doesn't show. I have console logs and a UI Label showing that the item was selected. It happens on the first item and on item number 9, which makes it more weird. All others work fine, I tap the item and the background style changes it.
I recorded a screencast that shows the issue, it's on dropbox and can be viewed following this link:
https://www.dropbox.com/s/a9s8m8h76oqizao/RadListView_refresh_issue.mp4?dl=0
Would you have any idea on what am I doing wrong? And, what should I do to fix it so that it always refresh list view.
Thank you!