UMC Web页面层定制开发

APIUMC

后端知识体系开发原生移动应用

在UMC Web页面开发中，我们通过history.popstate事件来配对用$.page注册页面层和$.tpl注册的模板页面层,在用$.page注册或$.tpl注册都需要传入初始化方法，在激活页面会把注册页面层的关联的root来回调初始化方法，来完成注册页面层的初始化，

事件名	参数类型	说明
hash	字典	变化事件hash把Query参数字典化，在模板页中会把后面路径用key来参入
active	元	当root再次显示触发
backstage	无	进入缓存触发事件，当返回false时，则当前root不进入缓存，还在主DOM中，只是隐藏

页面层注册方法

$.page('main', '我的门店', false, function (root) {
        //title是标题，默认当前注册的标题，menu为菜单区域，可以追加菜单内容
        root.on('hash', function (e, v) {
                //v参数是把Query字典化参数，在模板页中v.key是配对后路径后面的参数
            })
            .on('event', function (e,v,d) {
                //在root用只要点击a[ui-event]标识的元素，就会触发此事件v为ui-event属性值，d为dom
            })
            .on('active', function () { })
            .on('backstage', function () { })
            .ui('...', function (e, d) {
                //订阅UMC的DataEvent的事件，d是UMC从服务端带回的数据参数
            })
    });

模板页面层注册方法

$.tpi('view', function (root) {
        //title是标题，默认当前注册的标题，menu为菜单区域，可以追加菜单内容
        root.on('hash', function (e, v) {
                //v参数是把Query字典化参数，在模板页中v.key是配对后路径后面的参数
            })
            .on('event', function (e,v,d) {
                //在root用只要点击a[ui-event]标识的元素，就会触发此事件v为ui-event属性值，d为dom
            })
            .on('active', function () { })
            .on('backstage', function () { })
            .ui('...', function (e, d) {
                //订阅UMC的DataEvent的事件，d是UMC从服务端带回的数据参数
            })
    },'资讯视图');

在定制开发中，还有一些很有效的方法

方法	参数	说明
$.link	String	加载样式，如果是相对地址，以$.Src为相对参考系
$.script	String	加载js，如果是相对地址，以$.Src为相对参考系
$.wait	funtion	加载完js后再回调此参数方法

UMC Web已经开源,任何代码都要可以查阅。想要进一步了解可直接下载源代码。

 管理员 | 阅读(111) | 评论(0)

赞评论

已读

 暂无评论

页面层注册方法

模板页面层注册方法