<!DOCTYPE html>
<html>
<head>
<title></title>
<link rel="stylesheet" type="text/css" href="http://localhost/ext-4/resources/css/ext-all.css" />
<script type="text/javascript" src="http://localhost/ext-4/ext-debug.js"></script>
</head>
<body>
</body>
</html>
2、需要引用的脚本是 ExtJS 根目录下的 ext-debug.js ， 不是 ext-all-debug.js， 这个文件非常小， 只有几百K ， 当让这个只是最基本的 ExtJS 组件， 不包括任何的界面功能。
3、配置 Ext.Loader 启用动态加载；
4、ExtJS 中的动态加载是由 Ext.Loader 来完成的， 默认不启用动态加载， 所以接下来需要做的事配置 Ext.Loader 启用动态加载， 在上面模板的 body 标签内添加如下代码：
<script type="text/javascript">
Ext.onReady(function() {
Ext.Loader.setConfig({
enabled: true,
disableCaching: false,
paths: {
Ext : '/ext-4/src'
}
})
})
</script>
注意：上面的代码启用了动态加载， 禁用了浏览器缓存， 以及指定了 ExtJS 的所部署的路径。
1、首先,需要先创建一个基本可用的ExtJS模板,这个很简单,如下所示:<!DOCTYPEhtml><html><head><title></title><linkrel="stylesheet"type="text/css去查一下api，在store里面有个beforeload的方法，即在加载数据之前把参数穿进去，筛选出符合权限的数据即可listeners : {
'beforeload' : function(store, operation, eOpts) {
// do something....
})
},
load:function(store, records, successful, eOpts ){
}
},
