设为首页 收藏本站
查看: 1403|回复: 0

win8:添加Page Controls的几种方法

[复制链接]

尚未签到

发表于 2015-5-21 13:34:35 | 显示全部楼层 |阅读模式
  Check:http://msdn.microsoft.com/zh-cn/library/windows/apps/hh770117.aspx
  首先先添加一个Page Control ,命名为page。系统生成3个文件。将其显示的方法有一下几种:
  1、使用 WinJS.UI.Pages.render 功能。
  在default.html中添加




  对应在default.js中添加




  var renderHost = document.querySelector(".renderingPageControls-renderedControl");
                WinJS.UI.Pages.render("/js/page/page.html", renderHost, null).done();
  2、在page.js中公开PageControl
  default.html




  default.js



                var constructedHost = document.querySelector(".renderingPageControls-createdProgrammatically");
new Controls_PageControls.Page(constructedHost, null);
  3、实例化 HTML 控件,就像是 JavaScript 控件的 Windows 库(事实如此)。你必须为此公开暴露 PageControl 对象的构造函数以进行处理。




  4、使用 HtmlControl 呈现页面。



   
  
  注意:在公开PageControl之后要在default.html中添加引用。
  
  贴部分代码:
  default.html



   



  default.js



            args.setPromise(WinJS.UI.processAll().then(function () {
//way one
// Render the page control via a call to WinJS.UI.Pages.render. This lets
// you render a page control by referencing it via a url.
var renderHost = document.querySelector(".renderingPageControls-renderedControl");
WinJS.UI.Pages.render("/js/page/page.html", renderHost, null).done();
//way two
// Render the page control by creating the control.
var constructedHost = document.querySelector(".renderingPageControls-createdProgrammatically");
new Controls_PageControls.Page(constructedHost, null);
}));
  page.js



page.js
(function () {
"use strict";
var ControlConstructor = WinJS.UI.Pages.define("/js/page/page.html", {
// This function is called whenever a user navigates to this page. It
// populates the page elements with the app's data.
ready: function (element, options) {
// TODO: Initialize the page here.
        },
unload: function () {
// TODO: Respond to navigations away from this page.
        },
updateLayout: function (element, viewState, lastViewState) {
///
// TODO: Respond to changes in viewState.
        }
});
WinJS.Namespace.define("Controls_PageControls", {
Page: ControlConstructor
});
})();
DSC0000.png

运维网声明 1、欢迎大家加入本站运维交流群:群②:261659950 群⑤:202807635 群⑦870801961 群⑧679858003
2、本站所有主题由该帖子作者发表,该帖子作者与运维网享有帖子相关版权
3、所有作品的著作权均归原作者享有,请您和我们一样尊重他人的著作权等合法权益。如果您对作品感到满意,请购买正版
4、禁止制作、复制、发布和传播具有反动、淫秽、色情、暴力、凶杀等内容的信息,一经发现立即删除。若您因此触犯法律,一切后果自负,我们对此不承担任何责任
5、所有资源均系网友上传或者通过网络收集,我们仅提供一个展示、介绍、观摩学习的平台,我们不对其内容的准确性、可靠性、正当性、安全性、合法性等负责,亦不承担任何法律责任
6、所有作品仅供您个人学习、研究或欣赏,不得用于商业或者其他用途,否则,一切后果均由您自己承担,我们对此不承担任何法律责任
7、如涉及侵犯版权等问题,请您及时通知我们,我们将立即采取措施予以解决
8、联系人Email:admin@iyunv.com 网址:www.yunweiku.com

所有资源均系网友上传或者通过网络收集,我们仅提供一个展示、介绍、观摩学习的平台,我们不对其承担任何法律责任,如涉及侵犯版权等问题,请您及时通知我们,我们将立即处理,联系人Email:kefu@iyunv.com,QQ:1061981298 本贴地址:https://www.yunweiku.com/thread-69272-1-1.html 上篇帖子: win8:通过模版创建Navigation App 下篇帖子: Windows Phone 8 与 windows 8 开发技术概览
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

扫码加入运维网微信交流群X

扫码加入运维网微信交流群

扫描二维码加入运维网微信交流群,最新一手资源尽在官方微信交流群!快快加入我们吧...

扫描微信二维码查看详情

客服E-mail:kefu@iyunv.com 客服QQ:1061981298


QQ群⑦:运维网交流群⑦ QQ群⑧:运维网交流群⑧ k8s群:运维网kubernetes交流群


提醒:禁止发布任何违反国家法律、法规的言论与图片等内容;本站内容均来自个人观点与网络等信息,非本站认同之观点.


本站大部分资源是网友从网上搜集分享而来,其版权均归原作者及其网站所有,我们尊重他人的合法权益,如有内容侵犯您的合法权益,请及时与我们联系进行核实删除!



合作伙伴: 青云cloud

快速回复 返回顶部 返回列表