Ready 初认识

Posted on   |   In 
ready: function (element, options)

element —- 就是初始本页的pageControl 的html。 当进入ready的时候说明基本的html已被加载，并且control都已经初始化完毕

当没有加载css 文件。 也没有加载数据中的control

option — 是 上一个页面中使用 WinJS.Navigation.navigate 方便 传入的object. 如果下例中的 pageTitle /virtualizedDataFunction/getMaxResultsCountFunction

this._layoutRoot.querySelector("#home-browse").addEventListener("invoked", function handleClick() {
               WinJS.Navigation.navigate('/pages/browseAll/browseAll.html', {
               pageTitle: "Browse All",
               virtualizedDataFunction: MyApp.Services.getAllContentRange,
               getMaxResultsCountFunction: MyApp.Services.getMaxBrowseAllResultsCount
               });
           });

所以ready中可以对基本的element里的DOM进行操作 event 或者其他逻辑

ListPicker.items 赋值都是给的 WinJS.Binding.List object

ex.

var sortOptions = new WinJS.Binding.List(sortOptionsArray);
sort.items = sortOptions;

LisView.itemDataSource 赋值都是给的 WinJS.Binding.List object 的 dataSource

ex.

this._allItemsListView.itemDataSource = results.dataSource;