WinJS flipview null or undefined 错误

Question

我正在尝试将事件附加到 WinJS 应用程序中的 flipView 控件。

我 HTML "page2.html"

  <div id="galleryTemplate" data-win-control="WinJS.Binding.Template">
                <div class="overlaidItemTemplate">
                    <img class="image " src="#" data-win-bind="src: picture; alt: title" />
                    <div class="overlay">
                        <h2 class="ItemTitle" data-win-bind="innerText: title"></h2>
                    </div>

                </div>
            </div>
<div id="page2FlipView"
     data-win-control="WinJS.UI.FlipView"
     data-win-options="{ itemDataSource: EtnologijaGallery.itemList.dataSource, 
                         itemTemplate: galleryTemplate }">
</div>

和 javascript 在 "page2.js"

的 pages.define 部分

   processed: function (element, options) {
        myFilpView = document.getElementById("page2FlipView").winControl.addEventListener("pageselected", handlePageSelected);

        console.log(myFlipView)
    }

此代码将附加并触发事件，但 myFlipView 的值为 "undefined"，我收到错误“Unable to get property 'addEventListener' of undefined or null reference”

我也尝试在 pages.define 部分的 ready 函数中添加 javascript 代码，但我得到了相同的结果。

谁能帮我解决这个问题？

Answer 1

我终于找到了解决办法。我替换

myFilpView = document.getElementById("page2FlipView").winControl;

和

 myFlipView = element.querySelector('#page2FlipView').winControl;

一切都开始工作了。

WinJS flipview null or undefined 错误

WinJS flipview null or undefined error

javascript

winjs

win-universal-app