学习ExtJS的MVC布局
首先新建一个html页面
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>EXTJS4.0</title>
<meta charset="UTF-8">
<link href="extjs\resources\css\ext-all.css" rel="stylesheet" type="text/css" />
<link rel="stylesheet" href="extjs\resources\css\ext-all.css">
</head>
<body>
<div id="gridDemo">
<script type="text/javascript" src="extjs/bootstrap.js"></script>
<!--app.js包是MVC的入口，也可以说是发起请求-->
<script type="text/javascript" src="app.js"></script>
</body>
</html>
app.js的内容
Ext.onReady(function(){
Ext.QuickTips.init();
Ext.Loader.setConfig({
enabled:true
});
Ext.application({
name : 'AM',//应用的名字
appFolder : "app",//应用的目录，在html同级目录
<!--app目录下需要已下四个目录-->
launch:function(){//当前页面加载完成执行的函数
Ext.create('Ext.container.Viewport', { //简单创建一个试图
layout:'auto',//自动填充布局
items: {
xtype: 'userlist',
title: 'Users',
html : 'List of users will go here'
}
});
},
controllers:[
'Users' //指定控制器，app/controller文件下的JS文件
]
});
})
