Windows 8 Javascript Metro应用程序中缩小视图的分组项语义缩放

我正在将语义缩放添加到我的应用程序中，但缩小的listview中的数据绑定存在问题。 在普通（放大）列表视图中，我绑定了分组数据，它呈现良好。 对于缩小的listview，我希望呈现相同的分组数据（相同的itemDataSource和groupDataSource），但使用不同的itemTemplate和groupTemplate（与普通视图相同，但更小）

我遇到的问题是，当我缩小时，在ui.js第2117行出现一个错误，说“0x800a138f-JavaScript运行时错误：Object.defineProperty:参数不是对象”

我尝试将缩小的listview itemDataSource属性绑定到groups.dataSource集合，但没有设置groupDataSource属性（与我在web上找到的所有示例一样），效果很好

为什么缩小视图不像普通视图那样渲染分组项目

编辑： 看起来缩小视图的行为方式与普通（放大）列表视图不同。虽然放大视图同时接受itemDataSource和groupDataSource，但缩小视图仅接受itemDataSource。 我编辑了（scenario2.html）并更改了ZoomedOutlostView以使用myGroupedList.dataSource作为itemDataSource，同样的问题也出现了

前代码：

        <div id="zoomedOutListView"
            data-win-control="WinJS.UI.ListView"
            data-win-options="{ 
                itemDataSource: myGroupedList.groups.dataSource, 
                itemTemplate: semanticZoomTemplate, 
                selectionMode: 'none', 
                tapBehavior: 'invoke', 
                swipeBehavior: 'none' 
            }"
        ></div>

后面的代码（复制问题）：

谢谢。

---

Diego

如果您使用的是自定义IListData Source，请确保实现itemFromKey方法。

如果您使用的是自定义IListData Source，请确保实现itemFromKey方法。

谢谢。不，我没有使用自定义IListDataSource。我正在使用默认的WinJS.Binding.List及其附带的dataSource属性。您确定要将List.createGrouped的结果指定为ListView的数据源吗？嗨，Yasser。是的，我正在使用listGrouped的结果。我编辑了这个问题，并提供了关于这个问题的更多信息，更具体地说，我编辑了官方的语义缩放示例来复制它。谢谢，谢谢。不，我没有使用自定义IListDataSource。我正在使用默认的WinJS.Binding.List及其附带的dataSource属性。您确定要将List.createGrouped的结果指定为ListView的数据源吗？嗨，Yasser。是的，我正在使用listGrouped的结果。我编辑了这个问题，并提供了关于这个问题的更多信息，更具体地说，我编辑了官方的语义缩放示例来复制它。谢谢。我知道这很旧，但你有没有找到解决这个问题的办法？有完全相同的问题。我知道这是老问题，但你有没有找到解决这个问题的办法？有完全相同的问题。

            <div id="zoomedOutListView"
            data-win-control="WinJS.UI.ListView"
            data-win-options="{ 
                itemDataSource: myGroupedList.dataSource, //originally was myGroupedList.groups.dataSource
                itemTemplate: semanticZoomTemplate, 
                selectionMode: 'none', 
                tapBehavior: 'invoke', 
                swipeBehavior: 'none' 
            }"
        ></div>