导航
应用开发首页
系统使用
插件使用
米拓商城
模板制作
应用开发
系统开发
http://doc.metinfo.cn/yy/
1
应用开发首页
4.模板加载机制
4.6.tab页面模板
更新时间:2020-01-19 10:52:42
作者:米拓建站
## tab页面模板 ### 普通模式切换tab 多个页面通过同个tab进行切换时,每个tab页面头部都要插入如下格式代码 ```php 'test',url=>'#/app/test'), // 等于array(title=>'test',url=>'#/app/test/index'),默认会加载&c=index&a=doindex的方法 // 此处路由规则和后台地址栏路由规则一致 array(title=>'asdas',url=>'#/app/test/info',target=>1)// target等于1为新窗口打开 ); ?>
...页面内容 ``` ![](https://help.metinfo.cn/upload/202001/157848020349249.png) ### ajax模式切换tab 该方式不需要每个tab子页面都引入`pub/head_tab`,由引导页index和其余tab子页面组成,地址栏地址为引导页路由,引导页格式如下 ```php 'test',url=>'app/test'), // 等于array(title=>'test',url=>'app/test/index'),默认会加载&c=index&a=doindex的方法 // 此处路由规则和后台地址栏路由规则一致 array(title=>'info',url=>'app/test/info',target=>1)// target等于1为新窗口打开 ); ?>
``` ### 表格ajax加载 表格中的html依然可以用以前的接口返回内容,详情见`测试应用demo` js代码规范如下 ``` /* 应用后台模板js规范: 在应用的模板文件夹下的js文件夹中创建跟应用名称相同的js文件 例如:test应用后台模块的模板文件夹下创建test.js app/app/test/admin/templates/js/test.js */ $(function(){ var that=$.extend(true,{}, admin_module); // 模板页面的ajax表格加载方法 TEMPLOADFUNS['应用名称/模板文件名称']=function () { M.component.commonList(); }; // 例如:test应用的后台模板文件test_a.php中有个表格,则表格加载方法如下 TEMPLOADFUNS['test/test_a']=function () { M.component.commonList(); }; // 如果是应用tab选项卡页面不是以ajax模式切换,即应用模板的tab导航中没有定义$head_tab_ajax=1;,则要加上一行以下代码 TEMPLOADFUNS[that.hash](); }); ```
上一篇
: 4.5.ajax加载模板页面代码
下一篇
: 4.7.应用模板加载传统方式
文档中心
米拓学堂
帮助中心
在线交流