如何实现WinJS.UI.GridLayout中item自适应多种大小

在以前的Windows8开发者预览版中，要实现WinJS.UI.GridLayout的自适应多种item，只需使用group函数。函数内容如下：

function groupInfo() {

    return {

        multiSize: true,        

        slotWidth: 0,

        slotHeight: 0.5

    };

}

在页面中写入：

data-win-options

="{itemDataSource : DataExample.itemList.dataSource, itemTemplate: MyItemTemplate4,layout: { groupInfo: groupInfo, type: WinJS.UI.GridLayout }}"

即，将group信息填入就能实现。

但是，在以后的windows8版本中，比如现在的RTM版本中，group的属性名称发生了变化。具体为：

• multiSize -> enableCellSpanning
• slotWidth -> cellWidth
• slotHeight -> cellHeight

而且group函数必须经过包装才能正常运行：

var groupInfo = WinJS.Utilities.markSupportedForProcessing(function groupInfo() {

    return {

        enableCellSpanning: true,

        cellWidth: 0.001,

        cellHeight: 200

    };

});

调用信息不变，最终运行结果为：