使用表标签的嵌套中继器 [英] Nested Repeaters Using Table Tags

问题描述

我正在使用以下代码尝试在 WinJS 中使用嵌套转发器:

<头><tr><th colspan="4" class="groupHeader" data-win-bind="textContent: GroupDate.DateTime BindingConverter.toYearMonthDate"></th></tr></thead><tbody data-win-control="WinJS.UI.Repeater" data-win-bind="winControl.data: ch"><tr><td data-win-bind="textContent: ContactDate.DateTime BindingConverter.toshortdate"></td><td data-win-bind="textContext: SalesPerson"></td><td data-win-bind="textContext: ContactMethod"></td><td><span class="symbol">&#xe23a;</span></td></tr></tbody>

但是，它不会为第二个中继器呈现任何结果.

当我使用 DIV 使用相同的数据源和类似的标记时，它可以工作:

<div><div data-win-bind="textContent: GroupDate.DateTime BindingConverter.toYearMonthDate"></div><div data-win-control="WinJS.UI.Repeater" data-win-bind="winControl.data: ch"><span data-win-bind="textContent: ContactMethod"></span>

我真的不想使用 Div，因为这是表格数据.知道为什么使用表格标签的行为不同吗?

解决方案

您是否将数据分配给了外部中继器?

以下内容适用于我的空白项目:

<div data-win-control="WinJS.UI.Repeater" data-win-options="{ data: list }"><span data-win-control="WinJS.UI.Repeater" data-win-bind="winControl.data : this"></span>

I am using the following code to try and use nested repeaters in WinJS:

<table class="grid" id="rptCustomerHistory" data-win-control="WinJS.UI.Repeater">
    <thead>
        <tr>
            <th colspan="4" class="groupHeader" data-win-bind="textContent: GroupDate.DateTime BindingConverter.toYearMonthDate"></th>
        </tr>
    </thead>
    <tbody data-win-control="WinJS.UI.Repeater" data-win-bind="winControl.data: ch">
        <tr>
            <td data-win-bind="textContent: ContactDate.DateTime BindingConverter.toshortdate"></td>
            <td data-win-bind="textContext: SalesPerson"></td>
            <td data-win-bind="textContext: ContactMethod"></td>
            <td><span class="symbol">&#xe23a;</span></td>
        </tr>
    </tbody>
</table>

However, it is not rendering any results for the 2nd repeater.

When I use the same data source and similar markup using DIVs, it works:

<div id="rptCustomerHistory" data-win-control="WinJS.UI.Repeater">
    <div>
        <div data-win-bind="textContent: GroupDate.DateTime BindingConverter.toYearMonthDate"></div>
        <div data-win-control="WinJS.UI.Repeater" data-win-bind="winControl.data: ch">
            <span data-win-bind="textContent: ContactMethod"></span>
        </div>
    </div>
</div>

I don't really want to use Divs as this is tabular data. Any idea why using table tags behaves differently?

解决方案

Did you assign give data to your outer repeater?

The following works in a blank project for me:

<script>
    window.list = new WinJS.Binding.List([
        new WinJS.Binding.List([1, 2, 3]),
        new WinJS.Binding.List([4, 5, 6]),
    ]);
</script>
<div data-win-control="WinJS.UI.Repeater" data-win-options="{ data: list }">
    <span data-win-control="WinJS.UI.Repeater" data-win-bind="winControl.data : this"></span>
</div>

这篇关于使用表标签的嵌套中继器的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！