页面

如何跳转至页面:Zframe.to()

跳转至页面的方式有2种
第1种：a超链接，和传统的html一样，a链接点击后会自动识别链接内的地址，并作为下一个页面加载，非a元素，只要元素有href属性，都会识别点击并跳转至href所指向的页面
第2种：Zframe.to('页面路径',p参数,h参数)，p参数等同于地址栏参数，h参数等同于hash参数
注：若第一种方式内的href的值为http开头的完整地址，则框架会不拦截，转而浏览器跳转至该完整网址。

初始化

单个页面分2部分，html部分和js代码部分
初始页面代码如下：

<div class="page">
</div>
<script>
    Zframe.use('page/page',{
        title:"首页",
        data:{},
        src:{
            js:[],
            css:[],
        },
        on_load:function(){
        }
    })
</script>
    

页面模板

页面文件必须由<div class="page"></div>包裹，内部模板制作参考Ztempl，和模板制作说明。

注册页面：Zframe.use('页面名',{参数})

页面名为当前页面的完整路径，不需要“.html”。
所有页面逻辑以及代码写在{参数}里，类似微信小程序开发。

参数	类型	功能
title	String	当前页面的title
data	Object	当前页面模板所绑定的数据
src	{js:[],css:[],}	js为当前页面需要调用的js文件地址数组，css为当前页面需要的css文件地址数组
scroll_elem	css选择器	同app_config的scroll_elem，当前页面内滚动识别容器，用于触发框架内的上滑触底和下拉事件触发
template	String	页面使用模板的字符串，若设置了模板字符串则上面自动识别的模板会失效
swipe_page	String	同app_config内的swipe_page，该页面的切换动画
生命周期/事件函数	Function	见下

页面生命周期/事件

on_load:function(Object query,Object hash)：页面加载完成后执行一次；
on_show:function(Object query,Object hash)：页面每次显示时执行一次；
on_reachbottom:function(Int scrollTop)：页面触底时执行；
on_scroll:function(Int scrollTop)：页面每次滚动时执行一次；

参数	类型	功能
query	Object	地址栏的query参数或Zframe.to()设置的q参数
hash	Object	地址栏的hash参数或Zframe.to()设置的h参数,(pagePath为内定当前页面的路径的h参数)
scrollTop	Int	滚动高度

模板

模板的数值绑定，条件循环的等绑定参考Ztempl文档
以下为Zframe提供的额外功能

绑定事件：Zevent

<div Zevent='click|testevent'></div>，元素增加Zevent属性值由"事件名"+"|"+"方法名"组合，当该元素触发指定事件(click)时触发页面参数内的指定方法(testevent)。

绑定事件：Zevent

下一步：初始化