Windows 8 ListView控件放置在CSS網格中時未顯示

我正在沿着Microsoft教程「快速入門：添加ListView」（無法發佈鏈接，因爲垃圾郵件阻止）進行Windows 8應用程序開發，我在嘗試只需以ListView格式顯示我的數組中的原始數據。我稍微修改了教程，以便我使用CSS網格來構建頁面（正如Microsoft建議的，我相信）。我遇到的問題是當ListView位於Grid外部時，它顯示和顯示完美，但位於CSS Grid內部時，不會顯示在我的應用程序中。我在CSS Grids和新的Windows 8平臺方面的知識都非常有限，所以我相信這是我犯的一個簡單的錯誤。下面是我的CSS和HTML代碼，所有的JavaScript應該是相同的，在微軟教程中使用...Windows 8 ListView控件放置在CSS網格中時未顯示

http://pastebin.com/cgV5PHnf - HTML

http://pastebin.com/HvVPuhkG - CSS

來源

2013-01-05 Oliver Frye

隨着你的HTML和CSS，逐字，數據對我來說顯示得很好。這是我的tempData.js：

(function() { 
    "use strict"; 

    var items = new WinJS.Binding.List(); 
    items.push({ value1: "foo", value2: "bar" }); 
    items.push({ value1: "foo2", value2: "bar2" }); 

    WinJS.Namespace.define("TempData", { 
     itemList: items.dataSource 
    }); 
})();

注意，我包括在itemList定義dataSource，因爲你data-win-options不包括它（Quickstart拉那到屬性）。沒有它，雖然你會得到一個非常明顯的例外，所以懷疑你在TempData定義中也是這樣做的。

你可以嘗試的一件事是在Visual Studio中DOM Explorer或在Blend中打開應用程序並使用Interactive Mode來查看是否有某種意外的CSS類重寫。

來源

2013-01-05 17:16:08

使用您的tempData.js我的應用程序完美工作，因此我將現有數據調整爲您的格式，這與快速入門中的內容不同，現在我的應用程序也能正常工作！謝謝... –

Windows 8 ListView控件放置在CSS網格中時未顯示

回答

相關問題