ExtJS 2.0实用简明教程 之ExtJS版的Hello_extjs

复制代码 代码如下:

<html xmlns="http://www.w3.org/1999/xhtml" >
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>ExtJS</title>
<link rel="stylesheet" type="text/css" href="extjs/resources/css/ext-all.css" />
<script type="text/javascript" src="extjs/adapter/ext/ext-base.js"></script>
<script type="text/javascript" src="extjs/ext-all.js"></script>
<script>
Ext.onReady(function()
{
Ext.MessageBox.alert("hello","Hello,easyjf open source");
});
</script>
</head>
<body>
</body>
</html>


进一步,我们可以在页面上显示一个窗口,代码如下:

复制代码 代码如下:

<script>
Ext.onReady(function()
{
var win=new Ext.Window({title:"hello",width:300,height:200,html:'<h1>Hello,easyjf open source</h1>'});
win.show();
});
</script>

在浏览hello.html,即可得在屏幕上显示一个窗口,如图xxx所示。

时间: 2024-12-24 13:44:33

ExtJS 2.0实用简明教程 之ExtJS版的Hello_extjs的相关文章

ExtJS 2.0实用简明教程 之获得ExtJS_extjs

网址http://extjs.com/download,进入下载页面可以看到大致如图xxx所示的内容,可以选择选择1.1或2.0版本,本教程使用的2.0版本.  图1-1 ExtJs不同版本下载选择页面         单击上图中的[Download ext-2.0.zip]超链接进行下载,把下载得到的ZIP压缩文件解压缩到[D:\ExtCode]目录下,可以得到如如图1-2所示的内容. 图1-2 ExtJS发布包目录          adapter:负责将里面提供第三方底层库(包括Ext自带

ExtJS 2.0实用简明教程 之Ext类库简介_extjs

ExtJS的类库由以下几部分组成:       底层API(core):底层API中提供了对DOM操作.查询的封装.事件处理.DOM查询器等基础的功能.其它控件都是建立在这些底层api的基础上,底层api位于源代码目录的core子目录中,包括DomHelper.js.Element.js等文件,如图xx所示.          控件(widgets):控件是指可以直接在页面中创建的可视化组件,比如面板.选项板.表格.树.窗口.菜单.工具栏.按钮等等,在我们的应用程序中可以直接通过应用这些控件来实

ExtJS 2.0 实用简明教程之布局概述_extjs

ExtJS的布局基类为Ext.layout.ContainerLayout,其它布局都是继承该类.ExtJS的容器组件包含一个layout及layoutConfig配置属性,这两个属性用来指定容器使用的布局及布局的详细配置信息,如果没有指定容器组件的layout则默认会使用ContainerLayout作为布局,该布局只是简单的把元素放到容器中,有的布局需要layoutConfig配置,有的则不需要layoutConfig配置.看代码: 复制代码 代码如下: Ext.onReady(functi

ExtJS 2.0实用简明教程之应用ExtJS_extjs

样式文件为resources/css/ext-all.css,extjs的js库文件主要包含两个,adapter/ext/ext-base.js及ext-all.js,其中ext-base.js表示框架基础库,ext-all.js是extjs的核心库.adapter表示适配器,也就是说可以有多种适配器,因此,可以把adapter/ext/ext-base.js换成adapter/jquery/ext-jquery-adapter.js,或adapter/prototype/ext-prototy

ExtJS 2.0实用简明教程 之Border区域布局_extjs

该布局把容器分成东南西北中五个区域,分别由east,south, west,north, cente来表示,在往容器中添加子元素的时候,我们只需要指定这些子元素所在的位置,Border布局会自动把子元素放到布局指定的位置.看下面的代码: 复制代码 代码如下: Ext.onReady(function(){ new Ext.Viewport({ layout:"border", items:[{region:"north", height:50, title:&quo

在Windows系统下安装PHP5.0配置简明教程

PHP5包括以下一些重要的特征: ·支持新的对象模型和许多新特点的Zend引擎. ·完全重新编写了XML支持,扩展性能围绕着优秀的libxml2库(http://www.xmlsoft.org/). ·新的SimpleXML扩展,PHP对象轻松访问操作. ·全新的内建SOAP扩展,支持Web服务的交换. ·增加命名为MySQLi的了MySQL的扩展,支持MySQL4.1及以后版本的功能. ·绑定SQLite数据库. ·极大地改进流的设计,包括通过流操作底层的socket 首先,点这里下载PHP5

Mac OS X 系统安装 Tomcat 7.0.x 简明教程

Installing Tomcat 7.0.x on OS X by Wolf Paulus | Dec 14, 2013 | Mac OS X | 219 comments While Tomcat 8 is close to be released (Tomcat 8.0.0-RC5 (alpha) is released already), Tomcat 7 was the first Apache Tomcat release to support the Servlet 3.0, JS

extjs-请教Extjs 2.0 扩展控件怎么写才能兼容多浏览器

问题描述 请教Extjs 2.0 扩展控件怎么写才能兼容多浏览器 代码如下,只能在IE里使用,火狐等其他浏览器导致表单其他控件不显示 请教指点,应该怎么完善代码,才能让该扩展控件 兼容多浏览器 //RadioList /* --使用范例 { xtype:'radiolist', fieldLabel: '列表', anchor:'90%', id:'ListRadio', store: new Ext.data.SimpleStore({ fields: ['value', 'text'], d

预览ExtJS 4.0的新功能(六):读写器/Opeartion

 转载请注明出处Ext中文网 (http://www.ajaxjs.com ).   预览ExtJS 4.0的新功能(六):读写器/Opeartion 许久未更新Blog了,跟大家说声不好意思,要不是工作特忙,以及游戏特吸引人,不然早就写完了,呵呵.当然还离不开夜兄的好言鼓励,一路有大伙总比一个人不知所然强多了. 下面内容大多源自翻译-- Ext.data.Reader 相信我们并不陌生Reader.虽然Ext 4.0的reader依然发挥着它的解析原始数据的职能,主要是转换特定的数据结构,不过