Ext1-1 初学者.pptVIP

第一章 闪烁吧！ ---看看Extjs那些美丽的例子！ Contents Ext有什么用？ Ext是什么 ext是什么？ Ext是一个Ajax框架，可以用来开发带有华丽外观的富客户端应用，使得我们的b/s应用更加具有活力及生命力，提高用户体验。 Ext是一个用javascript编写，与后台技术无关的前端ajax框架。因此，可以把Ext用在.Net、Java、Php等各种开发语言开发的应用中。 Ext是面向对象的 准备Ext 一切从Extjs发布包开始 下载地址：/download 。 现在Ext的版本有好多种，比较成熟的是2.x版本的。以后的课程我们便使用2.0.2版本的进行讲解。 准备Ext 先来看看Ext2.0.2的文档吧！ Api文档在docs目录下。 点击index.html可以查看文档。 注意哦，此文档要部署到服务器上才可以完整查看。 有没有简单些的啊？ 准备Ext 给我个例子看看吧！ 例子多得是，都在Example文件夹中哦！ 直接打开可会看不到效果，部署到服务器中哦。 去瞅瞅吧！ 怎样使用Ext 入门之前都看Hello World! 将下载好的ext类库保存在本地硬盘 好多文件啊！只拿出我们需要的东西吧！ 怎样使用Ext 一切准备OK，动手吧！ 要注意我们编写EXT程序的时候要导入以下3个文件。 link rel=stylesheet type=text/css href=“Ext/resources/css/ ext-all.css / script type=text/javascript src=“Ext/ext-base.js/scriptscript type=text/javascript src=“Ext/ext-all.js/script 友情提示：ext-base.js和ext-all.js导入顺序不能乱哦，乱了出问题别找我呢！ 怎样使用Ext Ext中文包 Ext对语言支持是非常好的，界面显示的语言是英文。我们可以将中文支持的JS文件导入。 通常我们中文支持的文件命名为ext-lang-zh_CN.js 中国人当然要导入它咯！ script type=text/javascript src=Ext/ext-lang-zh_CN.js charset=utf-8/script 导入要加charset属性，因为不加会出现错误。字符编码方式的问题。同时要注意在ext-base.js、和ext-all.js之后导入。 怎样使用Ext 光说不练，不是我们的传统！ 终于到正题了 script type=text/javascript function start(){ Ext.MessageBox.alert(测试,This is my ExtMessageBox!); } Ext.onReady(start); /script Ext程序都是从onReady(函数名)这个函数开始的哦！ 怎样使用Ext 再练一个如何？ 不弹提示框了，我们弹窗口！ 怎样使用Ext 代码如下： script function start(){ var win =new Ext.Window({ title:HelloWindow, width:300,height:200, html:‘font color=“blue” size=“5” face=“华文彩云” 我的第一个 窗口！/font‘ }); win.show(); } Ext.onReady(start); /script 怎样使用Ext 什么？这个窗口和例子不一样？ 我们的例子 怎样使用Ext 首先我们得有皮肤文件，不是吗？ 有个网站叫百度哦！ 还发什么呆?找到了就快Download呀！ 怎样使用Ext 将下载好的皮肤文件解压。 对应的CSS样式文件放入 路径：Ext\resources\css 图片文件放入 路径：Ext\resources\images 此处放图片的时候整个文件夹放入images文件夹里哦，不要拿出来放。 怎样使用Ext 下来修改我们的代码 link rel=“stylesheet” type=“text/css” href=“Ext/resources/css/ext-all.css” /在此之后再导入一个CSS样式表。 link rel=“stylesheet” type=“text/css” href=“Ext/resources/css/xtheme-gray-extend.css” / 现在去看看效果吧O(∩_∩)O~ Ext表格 小结一下： EXT是什么 一个Ajax框架而已 查看Ex