第一章 Extjs开发环境(入门教程)
来源:互联网 发布:淘宝个人信誉度怎么看 编辑:程序博客网 时间:2024/06/15 05:23
第一章 Extjs开发环境(入门教程)
配置Extjs开发环境很简单的,完全可以在Html静态页面运行,需要的开发工具也很简单。
步骤如下:
1:到官方网站http://www.extjs.com/products/extjs/download.php下载必要的核心包。
2:解压Extjs3.1.rar文件(本人用的是3.1版本)。
3:在Html页面中引入相应文件,如下:
- <link rel="stylesheet" type="text/css" href="../Ext/resources/css/ext-all.css">
- <script type="text/javascript" src="../Ext/ext-base.js"></script>
- <script type="text/javascript" src="../Ext/ext-all.js"></script>
ext-all.css 是样式文件。
ext-base.js 是Extjs的基础包必须放在ext-all.js的前面。
ext-all.js 是Extjs的核心包。
4:开始创建一个Extjs的Window组件。
代码如下:
- <script type="text/javascript">
- Ext.onReady(function(){
- var win = new Ext.Window({
- title : "Ext.Window",
- resizable : false,
- width : 350,
- height : 300,
- html : "Hi, my name is Ext.Window!",
- buttonAlign : "center",
- buttons : [{text:"setTitle"},{text:"close"}]
- });
- win.show();
- });
- </script>
代码解释:Ext.onReady(),Extjs的代码都放在里面进行解释执行,这是必须的。在里面var一个Ext.Window,然后调用一个show方法,就这么简单,Window就出来的。(下一章将结合API对本例子进行API解释,可以让大家熟悉API的使用)
阅读全文
0 0
- 第一章 Extjs开发环境(入门教程)
- Extjs开发环境(入门教程)
- 第一章,开发环境搭建
- 配置Extjs开发环境
- extjs开发环境建立
- extjs 开发配置环境
- ExtJs 入门教程
- ExtJs 入门教程
- 第一章 搭建Struts2开发环境
- 第一章 系统及开发环境
- 第一章 搭建Qt开发环境
- 配置Extjs的开发环境
- ExtJS开发环境的搭建
- Udig开发环境搭建/入门教程
- android开发 第一章 android开发环境搭建
- jsp网站开发之 第一章 环境配置
- 第一章Java概述及开发环境搭建
- Struts2 第一章:搭建Struts2开发环境
- 十分钟带你理解Kubernetes核心概念
- Java数学表达式计算(Expression Evaluator)
- web.xml配置详解
- Elasticsearch学习笔记
- 高数 01.03函数的极限
- 第一章 Extjs开发环境(入门教程)
- 使用jdk开发webservice接口以及调用
- 【转】jquery.cookie() 方法的使用(读取、写入、删除)
- Python day02——变量、关键字、数据类型
- session 变化
- 发送验证码60s内不可重复发送,js代码实现过程
- 父页面与子页面的值、js函数、方法的相互调用
- JENA的安装和配置+Myeclipse的破解及安装+sparql查询的例子
- 趣图:我们产品有个新功能,我给你演示一下