WinJs List View display:none tile with ID

tongask23

New Member
So what's the problem. I want to exclude item from WinJS List View with specific parameter (ID - passed from JSON). How to do that?Things i've tried:a) Before pushing data to someView.itemDataSource process it with this function (It work's, but looks dirty).\[code\] fldView.itemDataSource = this._processItemData(Data.items.dataSource); .... _processItemData: function (data) { for (var i = data.list.length; i >= 1; i--) { if (data.list._groupedItems) { if (data.list._groupedItems.groupKey == 'Folders') continue; else { if (data.list._groupedItems.data.folderID) { data.list.splice(i - 1, 1); } } } } return data; }\[/code\]b) The traditional way with two conditional templates (Doesn't work):\[code\] fldView.itemTemplate = this.getItemTemplate; .... getItemTemplate: function(promise){ return promise.then(function(item){ var itemTemplate = null, parent = document.createElement("div"); if(item.data.folderID){ itemTemplate = document.querySelector('.hideItemTemplate') }else{ itemTemplate = document.querySelector('.itemTemplate') } //console.log(item.data.folderID); itemTemplate.winControl.render(item.data, parent); return parent; }) }\[/code\]2 HTML templates\[code\]<div class="itemTemplate" data-win-control="WinJS.Binding.Template"> <div class="item"> <img class="item-image" src="http://stackoverflow.com/questions/15867903/#" data-win-bind="src: backgroundImage; alt: title" /> <div class="item-overlay"> <h4 class="item-title" data-win-bind="textContent: title" style="margin-left: 0px;"></h4> <h6 class="item-subtitle win-type-ellipsis" data-win-bind="textContent: subtitle" style="margin-left: 0px; margin-right: 4.67px;"></h6> </div> </div> </div> <div class="hideItemTemplate" data-win-control="WinJS.Binding.Template"> <div class="display-none"></div> </div>\[/code\]and CSS display: none\[code\].hideItemTemplate, .display-none{ display:none;}\[/code\]Thank's in advance!
 
Top