2012-05-17 26 views
12

我想動態設置類列表視圖項模板的設置元素的類:我如何使用數據雙贏的結合

<div id="semanticZoomTemplate" data-win-control="WinJS.Binding.Template" style="display: none"> 
    <h1 class="semanticZoomItem-Text" data-win-bind="innerText:title;class:contains"></h1> 
</div> 

data-win-bind不能做任何事情的時候「類」存在作爲財產名稱。

是否有一個正確的方式來設置列表視圖中的特定項目,如果確實我不能用data-win-bind更改該類?

回答

15

您需要設置JavaScript類屬性,它不叫「」,而是「的className」。

+0

謝謝! data-win-bind =「innerText:title; className:contains」很好。 – dannyfritz

+1

Hi @ChristiaanV,你知道如果使用'class =「other」data-win-bind =「className:contains」'替換class屬性或將綁定追加到現有的? – Floydian

+0

默認情況下,它會覆蓋「其他」類。我知道你可以構建轉換器,你可以在你的綁定中添加轉換器,但不知道你是否可以構建一個轉換器,以使該類可以追加。 – ChristiaanV