Создание другого ItemTemplate в MetroApps?

введите описание изображения здесьМогу ли я создать еще один ItemTemplate в MetroApp. Здесь я использую visual-studio2012RC и Windows8 для разработки приложения для метро Я использовал следующий код. Он работает нормально, так же, как я хочу создать еще один ItemTemplate для добавления некоторых данных в мое приложение. Есть ли какой-либо другой шаблон вместо этого или мы снова можем использовать это в нашем Html? Может ли кто-нибудь предложить мне.

Мне очень помогают рабочие примеры.

Спасибо заранее.

<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>

javascript html microsoft-metro visual-studio-2012 winjs
person Akil Pandu    schedule 15.06.2012    source источник
comment
Я не понимаю вопроса? Вы имеете в виду, могу ли я определить второй шаблон? да. Или вы имеете в виду, могу ли я отобразить шаблон в другом месте? Или... я просто не понимаю.   -  person Chris Tavares    schedule 15.06.2012
comment
@ Крис Таварес, здесь я дал свой сценарий приложения. В этом приложении я не хочу использовать какое-либо изображение для элементов группы 2 и группы 3. Но если я удалю тег изображения в приведенном выше коде, это повлияет на группу -1.Так есть ли другой способ сохранить информацию о каждой группе отдельно или я могу создать другой шаблон элемента для моей проблемы? Можете ли вы привести мне какой-нибудь рабочий пример? Спасибо..   -  person Akil Pandu    schedule 18.06.2012

Ответы (1)


arrow_upward
0
arrow_downward

Вы не можете назначить два шаблона элемента, но вы можете назначить функцию JS, которая динамически генерирует шаблон элемента в зависимости от содержимого, которое вы хотите связать. Проверьте MSDN:

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

В вашем случае просто проверьте, пуст ли URL-адрес изображения, и не отображайте элемент «item-image».

Надеюсь, это поможет!

person Agnius101    schedule 01.08.2012
comment
Tnak u Agnius, если я укажу URL-адрес изображения пустым, он будет отображаться как пустое место вместо изображения, так что мне делать? - person Akil Pandu; 01.08.2012
comment
Моя идея заключалась в том, чтобы не отображать элемент img вообще, если URL-адрес пуст. Вы бы пропустили это в функции рендеринга следующим образом: if (item.data.picture) { var img = document.createElement("img"); img.src = item.data.picture; div.appendChild(img); } Конечно, код зависит от структуры данных и от того, используете ли вы jQuery или нет, но идея должна быть ясна. Надеюсь :) - person Agnius101; 02.08.2012