require.js+backbone.js基本使用
一、菜单
{
//银行卡基础信息维护
rsId: 'menu.param.cardbin',
iconCls: 'icon-double-angle-right',
name: menusLang._('menu.param.cardbin'),
url: '#',
deps: ['app/param/card-bin/card-bin-app'],// app/param/card-bin/list/list-view
trigger: 'card-bins:list'
}
二、第二步
define(['app'],
function(App) {
App.module('CardBinApp', function(CardBinApp) {
var CardBinAppRouter = Marionette.AppRouter.extend({
appRoutes: {
"card-bins(/filter/kw::kw)": "listCardBins"
}
});
/////////////////////////////////////////////////////////////////
// define methods for interaction (with parent app) and router //
/////////////////////////////////////////////////////////////////
var API = {
listCardBins: function(kw) {
console.log('>>>>param-sys.listCardBins ' + (kw || ''));
require(['app/param/card-bin/list/list-controller'], function (ctrl) {
ctrl.listCardBins(kw);
});
}
};
//if it is not used to map the url first time typed in browser
//u can new router anywhere before u want, otherwise, u should
//add router before start Backbone history
new CardBinAppRouter({ controller: API });
/////////////////////////////////////////////////
//register events or command to parent app //////
/////////////////////////////////////////////////
App.on('card-bins:list', function(kw) {
API.listCardBins(kw);
});
//this callback will be invoked before parent app:initilize:after
App.addInitializer(function() {
console.log('>>>>new CardBinAppRouter');
});
});
return App.CardBinApp;
});
三、第三步 controller
define(['app'], function(App) {
App.module('aaa.bbb', function(List, App, Backbone, Marionette, $, _) {
List.Controller = {
listCardBins: function(kw) {
require([''], function(View) {
var xxx = new View.xxxx({});
App.show(xxx);
});
}
};
});
return aaa.bbb.Controller;
});
四、list-view
define(['app'], function(App, paramLang) {
App.module('aaa.bbb.View', function(View, App, Backbone, Marionette, $, _) {
View.xxxx = .....
});
return aaa.bbb.View;
});
最新文章
- 欢迎进入MyKTV点歌系统展示
- trunk 的坑
- wget 递归下载整个网站
- hibernate+mysql 自动生成数据库问题
- 模板 KMP
- RHEL 6.0使用CentOS yum源
- linux shell 字符串操作详解 （长度，读取，替换，截取，连接，对比，删除，位置 ）
- Rails--default_scope
- 15个必须知道的chrome开发者技巧
- C++学习笔记之输入、输出和文件
- SQL SERVER 2008 架构
- python自学笔记（八）python语句
- hibernate自定义校验Valid
- css之标签选择器
- pgsqls修改表字段长度
- 常用css字体英文写法
- what's the 二叉树
- 12.Mysql存储过程和函数
- 决策树ID3算法实现
- Mybatis学习（4）输入映射、输出映射、动态sql