从另一个页面返回时不会触发 onloadingstatechanged答案

【问题标题】：onloadingstatechanged does not fire when navigating back from another page从另一个页面返回时不会触发 onloadingstatechanged
【发布时间】：2014-12-22 16:39:31
【问题描述】：

我的 winjs 应用程序中有一个页面，在准备好的函数中，我为页面中列表视图的onloadingstatechanged 事件分配了一个函数。然后像往常一样检查什么时候是compelte等等。

        var buttonsListView = document.querySelector(".buttons-container .itemslist").winControl;

        buttonsListView.onloadingstatechanged = function (args) {
            if (args.srcElement === buttonsListView.element && buttonsListView.loadingState === "complete") {

                //MY CODE HERE

                buttonsListView.onloadingstatechanged = null;
            }
        }.bind(this);

这里是 HTML：

            <div class="buttons-container">
                <div class="buttonTemplate" data-win-control="WinJS.Binding.Template">
                    <button data-win-control="WinJS.UI.AppBarCommand" data-win-options="{icon:'', type:'button'}" data-win-bind="winControl.label: buttonName; winControl.icon: icon"></button>
                </div>
                <div class="itemslist win-selectionstylefilled" data-win-control="WinJS.UI.ListView" data-win-options="{
                        layout: {type: WinJS.UI.GridLayout},
                        selectionMode: 'none',
                        itemTemplate: select('.buttons-container .buttonTemplate'),
                        itemDataSource: null,
                        oniteminvoked: RapportPage.buttonNavigate
                    }">
                </div>
            </div>

我的问题是，如果我导航到另一个页面然后按下后退按钮，ready 事件会被触发，但 onloadingstatechanged 永远不会发生。

【问题讨论】：

标签： javascript windows-8 windows-8.1 winjs

【解决方案1】：

我发现了问题。

通过类 .itemslist 引用列表视图不起作用。当您从另一个页面返回时与直接导航到该页面时，列表视图中的某些内容会有所不同。

所以我只是为 ListView div 分配了一个 ID，然后像这样加载 dom 对象：

var buttonsListView = document.querySelector("#buttonList").winControl;

【讨论】：