1Introduction
- description:单页面控制器
- author:ydr.me
- create:2016年06月04日14:09:36
- update:2018年03月07日17:35:10
- github:https://github.com/blearjs/blear.classes.controller
2Example
var Controller = require('blear.classes.controller');
var ctrl = new Controller();
ctrl.title('文章详情页');
ctrl.install(function (view) {
view.html(require('./template.html'));
view.style(require('./style.css'));
});
ctrl.install(function (view, route) {
queryArticleDetail(route.query.id, function (err, ret) {
if (err) {
return route.rewrite('/error');
}
template(ret);
});
});
module.exports = ctrl.export();
3Static
无。
4new Controller()
实例化一个单页控制器。
5Prototype
5.1#title(title): this
5.1.1title
- 类型:
String
- 说明:文档标题
5.2#install(callback): this
5.2.1callback
- 类型:
Function
- 说明:视图在安装阶段(控制器首次被加载)做的事情,可以多次顺序调用
ctrl.install(function(view, route) {
// 先执行
});
ctrl.install(function(view, route) {
// 后执行
});
5.3#show(callback): this
5.3.1callback
- 类型:
Function
- 说明:视图在显示阶段(包含视图首次加载、视图二次载入)做的事情,可以多次顺序调用
5.4#hide(callback): this
5.4.1callback
- 类型:
Function
- 说明:视图在隐藏阶段做的事情,可以多次顺序调用
5.5#update(callback): this
5.5.1callback
- 类型:
Function
- 说明:视图在更新阶段(包含视图首次载入、路由查询参数变化、视图重载)做的事情,可以多次顺序调用
5.6#export(): ret
导出控制器,用于 blear.ui.application 和 blear.classes.router 使用。
6Dependencies
- blear.classes.class
- blear.classes.events
- blear.core.selector
- blear.utils.array
- blear.utils.function
- blear.utils.scope-css