知识总结 ExtJs"入门"


ExtJs"入门"

学习地址:http://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>
ExtJs所需要的核心脚本全部都在这两个js文件中。

<script type="text/javascript">
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下的所有类。


评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值