Question

这是我的模板：

<!-- 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中而没有运气。它似乎覆盖了我尝试的一切。

Answer 1

win-template类只是WinJS.Binding.Template控件添加到模板的每个呈现以将其标记为这样的类。 WinJS样式表实际上并没有为win-template定义任何样式，所以你可以自由地指定你想要的任何样式，即

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

或者，使用另一个模板启动模板，模板控件将不会对模板执行任何操作。

我可以覆盖或添加默认的WinJS win-template类输出吗？

1 个答案: