您的位置：首页 > Web前端 > JavaScript

学习ExtJS的MVC布局

2016-03-30 19:47 567 查看
首先新建一个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文件
　　]
});
})
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 点击这里给我发消息
标签： 
相关文章推荐
新的分享
章节导航