在MetroApps中創建另一個ItemTemplate？

enter image description here 我可以在MetroApp.Here中創建另一個ItemTemplate使用visual-studio2012RC和Windows8開發城域應用程序。我使用下面的代碼。它工作正常，同樣我想要創建另一個ItemTemplate來添加一些數據到我的應用程序，有沒有其他的模板，而不是我們可以在我們的Html中使用這個嗎？任何人都可以建議我。在MetroApps中創建另一個ItemTemplate？

工作實例對我真的很有幫助。

謝謝你提前。

<div class="itemtemplate" data-win-control="WinJS.Binding.Template"> 
    <img class="item-image" src="#" data-win-bind="src: backgroundImage; alt: title"/> 
    <div class="item-overlay"> 
     <h4 class="item-title" data-win-bind="textContent: title"></h4> 
     <h6 class="item-subtitle win-type-ellipsis" data-win-bind="textContent: subtitle"></h6> 
    </div> 
</div>

來源

2012-06-15 Akil Pandu

我不明白這個問題嗎？你的意思是「我可以定義第二個模板」嗎？是。或者你的意思是「我可以在其他地方渲染模板」嗎？或者...我只是不明白。 –

@ Chris Tavares，在這裏我給出了我的應用程序場景。在這個應用程序中，我不想爲組2和組3使用任何圖像。但是如果我在上面的代碼中刪除圖像標記，它會影響Group-1.So是否有任何其他的方式來分別維護每個組的信息或者我可以爲我的問題創建另一個項目模板？ü可以給我任何工作的例子嗎？謝謝。 –

您不能分配兩個項目模板，但可以根據要綁定的內容動態分配生成項目模板的JS函數。檢查MSDN：

http://msdn.microsoft.com/en-us/library/windows/apps/hh700705.aspx#using_a_function_to_display_items

在你的情況只是檢查圖像網址是空的，不渲染「的項目形象」元素。

希望有幫助！

來源

2012-08-01 07:04:22 Agnius101

ThnaküAgnius，如果我給圖片網址空的它在圖像的位置顯示出像空的空間，所以我該怎麼辦？ –

如果url爲空，我的想法是**不會渲染** img元素。你可以在這樣的渲染函數中跳過它： 'if（item.data.picture）{ var img = document.createElement（「img」）; img.src = item.data.picture; div.appendChild（img）; }' 當然，代碼依賴於數據結構以及是否使用jQuery，但這個想法應該很清楚。我希望：） – Agnius101

在MetroApps中創建另一個ItemTemplate？

回答

相關問題