0

ここに私のテンプレートがあります：

<!-- TEMPLATE -->
<div id="templateDiv" data-win-control="WinJS.Binding.Template">
    <div class="tile" data-win-bind="textContent: QuestionText"></div>
</div>

私の出力はこれです：

<div id="itemsControl" data-win-control="Samples.ItemsControl">
    <div class="win-template">
        <div class="tile" data-win-bind="textContent: QuestionText">Sample Data 1</div>
    </div>
    <div class="win-template">
        <div class="tile" data-win-bind="textContent: QuestionText">Sample Data 2</div>
    </div>
    <div class="win-template">
        <div class="tile" data-win-bind="textContent: QuestionText">Sample Data 3</div>
    </div>
    <div class="win-template">
        <div class="tile" data-win-bind="textContent: QuestionText">Sample Data 4</div>
    </div>
</div>

class=" win-template " をオーバーライドするか、出力の class 属性に追加したいと思います。うまくいかず、class="sample-class" を templateDiv に入れようとしました。私が試みるすべてを上書きするようです。

4

1 に答える 1

0

win-template クラスは、WinJS.Binding.Template コントロールがテンプレートの各レンダリングに追加して、そのようにマークする単なるクラスです。WinJS スタイルシートは、実際には win-template のスタイルを定義していないため、必要なスタイルを自由に割り当てることができます。

#itemsControl .win-template {
    /* Your styles here */
}

または、テンプレートの残りのコンテナーである別のテンプレートでテンプレートを開始すると、テンプレート コントロールは何もしません。

于 2013-08-02T16:20:39.030 に答える