listview - WinJS.UI.ListView: '-ms-grid-column' および -'ms-grid-row' へのバインド

Question

WinJS.UI.ListView にバインドするアイテムのリストを作成しています。アイテムは次のように作成されます。

var cells = [];

for (var i = 0; i < 2; i++) {
    for (var j = 0; j < 2; j++) {
        var cell = {
            location: { x: i, y: j }
        };

        cells.push(cell);
    }
}

このリストは WinJS.UI.ListView にバインドされています

<div id="itemTemplate" data-win-control="WinJS.Binding.Template">
    <div style="width: 150px; height: 150px; margin: 10px;" data-win-bind="-ms-grid-column: location.y; -ms-grid-row: location.x ">
        <h2 data-win-bind="innerText: location.x"></h2>
        ,
        <h2 data-win-bind="innerText: location.y"></h2>
    </div>
</div>

<div data-win-control="WinJS.UI.ListView" data-win-options="{ 
        itemDataSource : Data.itemList.dataSource,
        itemTemplate: select('#itemTemplate'),
        layout: {type: WinJS.UI.GridLayout} }"
    style="width: 100%; height: 100%">
</div>

ListView のレイアウトは「WinJS.UI.GridLayout 」に設定されているため、「 -ms-grid-column」および「-ms-grid-row」スタイル プロパティを場所オブジェクトの X および Y プロパティにバインドします。アイテムテンプレート。アイテムをリストにバインドするのは魅力的ですが、列と行のプロパティをバインドすると例外がスローされます。

ここで何が問題なのですか？誰かが私に正しい方向を向けることができますか?