javascript - 捕捉 Windows 应用商店应用程序时从 GridView 切换到 ListView

Question

当应用程序被捕捉时，我试图将 listView 控件的布局从“GridView”更改为“ListView”。当然，在任何其他状态下它都应该返回到“GridView”。我写了一些代码，但它不起作用，所以我想知道为什么......

这是我编写的代码:

var viewState = Windows.UI.ViewManagement.ApplicationView;
var list = document.getElementById("messageDisplay").winControl;
if (viewState == Windows.UI.ViewManagement.ApplicationViewState.snapped) {
    list.layout = new WinJS.UI.ListLayout();
}
else
{
    list.layout = new WinJS.UI.GridLayout();
}

Answer 1

取自here只需监听调整大小事件并更改 ListView 的布局属性即可。

我无法判断您在代码中的何处调用了类似的代码，因此这是您需要的整个方法

window.addEventListener("resize", function (e) {    var currentViewState = Windows.UI.ViewManagement.ApplicationView.value;    var snapped = Windows.UI.ViewManagement.ApplicationViewState.snapped;    if (currentViewState === snapped) {        that.listView.layout = new WinJS.UI.ListLayout();     }    else if (lastViewState === snapped && currentViewState !== snapped) {        that.listView.layout = new WinJS.UI.GridLayout();    }    lastViewState = currentViewState;});