286
知识总结 ExtJs"入门"
ExtJs"入门"
学习地址：https://extjs.org.cn/node/83
两段主要代码：
<html>
<head>
<meta http-equiv="Content-Type" content="text/html;charset=iso-8859-1">
<title>zzk</title>
<link rel="stylesheet" type="text/css" href="../resources/css/ext-all.css" />
<script type="text/javascript" src="../adapter/ext/ext-base.js"></script>
<script type="text/javascript" src="../ext-all.js"></script>
<script type="text/javascript">
Ext.onReady(function(){
alert('Hello World!');
});
</script>
</head>
<body>
这是UTF-8格式编写的body部分
</body>
</html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html;charset=iso-8859-1">
<title>zzk</title>
<link rel="stylesheet" type="text/css" href="../resources/css/ext-all.css" />
<script type="text/javascript" src="../adapter/ext/ext-base.js"></script>
<script type="text/javascript" src="../ext-all.js"></script>
<script type="text/javascript">
Ext.onReady(function(){
Ext.MessageBox.alert('Message','Hello World!');
});
</script>
</head>
<body>
这是UTF-8格式编写的body部分
</body>
</html>
简单解释一下上面代码
<link rel="stylesheet" type="text/css" href="../resources/css/ext-all.css" />
这一个是引入ExtJs的默认样式
<script type="text/javascript" src="../adapter/ext/ext-base.js"></script>
<script type="text/javascript" src="../ext-all.js"></script>
<script type="text/javascript" src="../ext-all.js"></script>
ExtJs所需要的核心脚本全部都在这两个js文件中。
<script type="text/javascript">
Ext.onReady(function(){
//页面初始化代码
});
</script>
Ext.onReady(function(){
//页面初始化代码
});
</script>
Ext.onReady 是指在整个页面加载完后执行
ExtJS发布包目录:
- adapter：负责将里面提供第三方底层库（包括Ext自带的底层库）映射为Ext所支持的底层库。
- build： 压缩后的ext全部源码(里面分类存放)。
- docs： API帮助文档。
- exmaples：提供使用ExtJs技术做出的小实例。
- resources：Ext UI资源文件目录，如CSS、图片文件都存放在这里面。
- source： 无压缩Ext全部的源码(里面分类存放) 遵从Lesser GNU （LGPL） 开源的协议。
- Ext-all.js：压缩后的Ext全部源码。
- ext-all-debug.js：无压缩的Ext全部的源码(用于调试)。
- ext-core.js：压缩后的Ext的核心组件，包括sources/core下的所有类。
- ext-core-debug.js：无压缩Ext的核心组件，包括sources/core下的所有类。
最后更新：2017-04-02 22:16:08