ExtJs学习笔记你好世界！第1/2页

了解了基础之后，我们可能会用Ext ajax开发一个简单的小项目，里面会一点一点的讲解项目开发过程，希望能给大家带来收获！既然我自己也在研究这个框架，请对文章提出任何建议，可能会让我学到更多。

看到这张图，你可能会觉得是某个软件，或者Flash、Flex、silverlight等。但它是通过javascript Css实现的。

看看这个公式和效果，如果加入到自己的项目中，用户的视觉和操作体验应该会很爽。如果特效比较多，我们就不截图了。让我们从这个组件开始。ExtJs是一个很好的Ajax框架，是用javascript编写的。我可以看到上面的效果。我们可以将ExtJs应用于任何网络开发语言。他的客户端效果非常强大，Ext也提供了与服务器交互的机制，使用起来非常方便。关于Ext与服务器交互的文章将在后面写。在申请之前，我们需要获得这个框架，可以从官方网站http://extjs.com/products/extjs/download.php下载，并且是开源的。下载并解压缩后，您将获得以下目录。

适配器：负责将其中提供的第三方底层库(包括Ext自己的)映射到Ext支持的底层库。Build:压缩ext all源代码(分类存储)docs:API帮助文档示例：Extjs资源制作的一些效果示例：Ext UI资源文件目录，css和图片都在这里来源：未压缩Ext all源代码Ext-all.js:压缩Ext all源代码，关键文件。超过500个KExt-all-debug.js:未压缩的ext all源代码(用于调试)ext-core.js:核心组件，包括source/core下的所有类ext-core-debug.js:未压缩的核心组件将在纯静态的html页面中进行测试。如果要应用ExtJs，首先需要导入三个脚本文件和一个样式表。

linkrel='样式表' type=' text/CSS ' href=' ext js/resources/CSS/ext-all . CSS '/

script src=' ext js/ext-base . js ' type=' text/JavaScript '/script

script src=' ext js/ext-all . js ' type=' text/JavaScript '/script

script src=' Extjs/ext-lang-zh _ cn . js ' type=' text/JavaScript '/script在这里，需要说明的是，在加载ext js文件后，将执行Ext.onReady中指定的函数，所以我们可以用简单的代码做一个测试。脚本语言=' javascript '函数start(){ ext . messagebox . alert(' ok '，' ext js框架已加载！');} ext . onready(start)；/script script language=' javascalscript ' ext . onready(函数{ext.messagebox.alert ('ok '，' ext js framework已加载！');} );/脚本

两种写作方法可以达到同样的效果。请注意，Ext.onReady(start)不需要添加()。Ext.messagebox.alert ('ok '，' ext js框架已加载！');用于输出对话框。延伸文件系统MessageBox.alert('标题'，'弹出内容')；也可以写成Ext。Msg.alert(“”、“”)；运营效果如下。

一个警告对话框可以很容易地用Extjs实现。提示(“”、“”)；Extjs中也有相对的应用方法。函数提示(){ Ext。MessageBox.prompt('Input '，' input a number: '，function(button，text){ if(button=='ok') Ext。MessageBox.alert('number '，' number '是' text ')；else Ext。MessageBox.alert('对不起'，'号码为空。);} );}这个语法有点麻烦，Ext。MessageBox.prompt ('title '，' description : '，完成后要执行的功能)；的函数需要两个参数，按钮和文本。按钮用于判断用户是否选择了取消或确认选项。确保该值为“ok”。文本是输入的文本。

只举了两个小例子来说明，confim的用法也差不多。还有一个常见且易于理解的窗口框。

这个漂亮的框架可以拖动，x点可以关闭。用法：function window(){ var win=new ext . window({ title : ' hello '，width :300，height :200，html : '这是正文'});win . show()；}在这里，您需要创建一个Ext。对象，并调用show方法来显示它。延伸文件系统窗口可以在构造函数中传入许多参数，这里只使用标题、宽度、高度和正文区域中显示的内容。newExt。窗口({title: ' '，width:300，height:200，html: ' Thisisthebody '}); ' '设置标题宽度：300宽度高度：200高度标题：' xxxx '您可以放置任何html代码12阅读下一页的全文。