Ext入门
Ext是基于javscript脚本语言的一种编程框架,主要用于创建(B/S)客户端用户界面,借助与本身自带的Ajax框架的优势,撇开了对后台编程语言的依赖性。同时,客户端程序与服务器程序达到一种完全的分离,彼此之间可以相互独立的进行开发及维护。
本次要做的工作有:
1.Ext库的部署
Ext库下载地址:http://download.csdn.net/source/1157151 或者是它的官方网站
解压压缩文件到自己的项目js文件中:
自己项目内文件结构如下图,form文件夹内为自己的文件,js文件夹内是Ext所有库文件
Js文件结构
Ext解压后的文件如上,不需要任何改动。
2.Ext库的引用
<link rel="stylesheet" type="text/css" href="../js/resources/css/ext-all.css" />
<script type="text/javascript" src="../js/adapter/ext/ext-base.js"></script>
<script type="text/javascript" src="../js/ext-all.js"></script>
3.运用Ext库创建简单弹出式窗口。
全部代码如下:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>FormPanel的运用</title>
<link rel="stylesheet" type="text/css" href="../js/resources/css/ext-all.css" />
<script type="text/javascript" src="../js/adapter/ext/ext-base.js"></script>
<script type="text/javascript" src="../js/ext-all.js"></script>
<script language="javascript">
//程序加载时运行
Ext.onReady(function(){
//调用弹出窗口
Ext.MessageBox.alert("标题信息","Ext世界欢迎您!");
});
</script>
</head>
<body>
</body>
</html>