详细的ExtJs系列教程教程



ExtJS入门-详细教程下载程

另外提供另外一个Extjs教程链接给大家：

无废话ExtJs系列教程
ExtJs 入门教程

摘要: ExtJs 入门教程一[学习方法]ExtJs 入门教程二[Hello World]ExtJs 入门教程三[窗体：Window组件]ExtJs 入门教程四[表单：FormPanel]ExtJs 入门教程五[文本框：TextField]ExtJs 入门教程六[按钮：Button]ExtJs 入门教程七[登陆窗体Demo：Login]ExtJs 入门教程八[脚本调试Firefox：firebug]ExtJs 入门教程九[数字字段：NumberField、隐藏字段Hidden、日期字段：DataFiedl]ExtJs 入门教程十[单选组：RadioGroup、复选组：CheckBoxGroup]Ext阅读全文
posted @ 2012-12-31 15:32 李林峰的园子 阅读(9997) | 评论 (16) 编辑
无废话ExtJs 入门教程二十三[员工管理实例：Demo]

摘要: 一、概况：这个实例的开发工具为 vs2010，数据库为 sql2008 r2，数据库设计pd16。以下是对文件的详细说明：解压文件 05 ExtJs教程 夹后 会有以下3个文件夹：00 Extjs.Doc里包含4个文件：(1)数据库创建脚本,为了兼容低版本的朋友。(2)数据库bak文件。(3)数据库的设计文件。(4)执行(1)时做的说明，因为在执行数据脚本的时候要修改一下本地路径。01 ExtJs.SourceCode 里包含的是项目源文件02 ExtJs.Librariy 里包含的是在项目中引用的 dll(1)HZYT.DBUtility.dll：数据库的底层类库(自己开发)。(2)Newt阅读全文
posted @ 2012-07-10 21:26 李林峰的园子 阅读(6655) | 评论 (37) 编辑
无废话ExtJs 入门教程二十二[动态复选框：RemoteCheckboxGroup]

摘要: 我们在开发系统的时候经常会用到 Checkgroup 由后台取出的情况，然而在 ExtJs CheckboxGroup 并没有提供该服务端数据源的属性。1.代码如下： 1 <!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Transitional//EN” “http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd”> 2 <html xmlns=”http://www.w3.org/1999/xhtml”> 3 &l阅读全文
posted @ 2012-07-03 12:39 李林峰的园子 阅读(5171) | 评论 (18) 编辑
无废话ExtJs 入门教程二十一[继承：Extend]

摘要: 在开发中，我们在使用视图组件时，经常要设置宽度，高度，标题等属性。而这些属性可以通过“继承”定义在我们定义的新组件中，从而达到重用的目地。1.代码如下： 1 <!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Transitional//EN” “http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd”> 2 <html xmlns=”http://www.w3.org/1999/xhtml”> 3 <head&阅读全文
posted @ 2012-06-29 20:05 李林峰的园子 阅读(3252) | 评论 (0) 编辑
无废话ExtJs 入门教程二十[数据交互：AJAX]

摘要: 1.代码如下： 1 <!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Transitional//EN” “http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd”> 2 <html xmlns=”http://www.w3.org/1999/xhtml”> 3 <head> 4 <title></title> 5 <!–ExtJs框架开始–> 6 <scri阅读全文
posted @ 2012-06-29 11:23 李林峰的园子 阅读(4954) | 评论 (2) 编辑
无废话ExtJs 入门教程十九[API的使用]

摘要: 首先解释什么是 API来自百度百科的官方解释：API（Application Programming Interface,应用程序编程接口）是一些预先定义的函数，目的是提供应用程序与开发人员基于某软件或硬件的以访问一组例程的能力，而又无需访问源码，或理解内部工作机制的细节。ExtJs的Api必须部署到IIS上，ExtJS的API首页如下图所示：左侧是搜索栏，可以搜索所有的Ext的组件，如上图所示，我搜索的是Box，下面自动触发搜索出了包含Box的组件。Properties：属性。Methods：方法。Events：事件。Config Options：配置项。Direct Link链接。1，Co阅读全文
posted @ 2012-06-28 18:50 李林峰的园子 阅读(9138) | 评论 (8) 编辑
无废话ExtJs 入门教程十八[树：TreePanel]

摘要: 1.代码如下： 1 <!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Transitional//EN” “http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd”> 2 <html xmlns=”http://www.w3.org/1999/xhtml”> 3 <head> 4 <title></title> 5 <!–ExtJs框架开始–> 6 <scri阅读全文
posted @ 2012-06-28 12:58 李林峰的园子 阅读(5356) | 评论 (0) 编辑
无废话ExtJs 入门教程十七[列表：GridPanel]

摘要: 在Extjs中，GridPanel用于数据显示，即我们平时说的列表页。在本节中，我们先对GridPanel有个基本的认识，后继过程再做Demo练习详细讲解在开发中的应用。1.代码如下： 1 <!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Transitional//EN” “http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd”> 2 <html xmlns=”http://www.w3.org/1999/xhtml”阅读全文
posted @ 2012-06-27 14:33 李林峰的园子 阅读(6707) | 评论 (18) 编辑
无废话ExtJs 入门教程十六[页面布局：Layout]

摘要: 首先解释什么是布局：来自百度词典的官方解释：◎ 布局 bùjú：[distribution;layout] 对事物的全面规划和安排，布：陈设；设置。我对布局理解是“把**东西放在**位置显示”[动词]。ok，我们这节课就讲一下怎么样把 ExtJs 的组件，放到我们想放置的位置。一、常用布局(1)ContainerLayout：默认布局方式，其他布局继承该类进行扩展功能。显示：将内部组件以垂直方式叠加。如下所示：组件一…..组件二…..(2)FormLayout：产生类似表单的外观。显示：将内部组件以垂直方式叠加。如上所示：(3)ColumnLayout：将组件以水平阅读全文
posted @ 2012-06-26 21:06 李林峰的园子 阅读(5987) | 评论 (7) 编辑
无废话ExtJs 入门教程十五[员工信息表Demo：AddUser]

摘要: 前面我们共介绍过10种表单组件，这些组件是我们在开发过程中最经常用到的，所以一定要用到非常熟练才可以，今天我们会通过一个员工信息表实例，再把这些组件串一下。(1)TextField (2)Botton (3)NumberField(4)Hidden(5)DataFiedl(6)RadioGroup(7)CheckBoxGroup(8)Combobox(9)File(10)Editor1.代码如下： 1 <!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Transitional//EN” “http://www.w3.o阅读全文
posted @ 2012-06-25 20:25 李林峰的园子 阅读(4907) | 评论 (14) 编辑
无废话ExtJs 入门教程十四[文本编辑器：Editor]

摘要: ExtJs自带的编辑器没有图片上传的功能，大部分时候能够满足我们的需要。但有时候这个功能还是需要的。我在这里对keeditor进行了整合。首先要下载keeditor和上传时需要引用的LitJson.dll。由于ke的版本不同，我这里提供的下载文件只适用于当前整合代码，供参考。1.代码如下： 1 <!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Transitional//EN” “http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd”> 2 &l阅读全文
posted @ 2012-06-25 10:01 李林峰的园子 阅读(7296) | 评论 (15) 编辑
无废话ExtJs 入门教程十三[上传图片：File]

摘要: 1.代码如下： 1 <!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Transitional//EN” “http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd”> 2 <html xmlns=”http://www.w3.org/1999/xhtml”> 3 <head> 4 <title></title> 5 <!–ExtJs框架开始–> 6 <scri阅读全文
posted @ 2012-06-24 22:54 李林峰的园子 阅读(6469) | 评论 (6) 编辑
无废话ExtJs 入门教程十二[下拉列表联动：Combobox_Two]

摘要: 不管是几级下拉列表的联动实现本质上都是根据某个下拉列表的变化，去动态加载其他下拉列表，如：省、市、地区。当我们监听到省变化时，向service端发送省的编号，service端根据收到的”省”编号到数据库中查询该省所对应的市信息，地区同理，抓住这一点，我们只需要监听 combobox 的 select 事件并在其中实现逻辑即可。1.代码如下： 1 <!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Transitional//EN” “http://www.w3.org/TR/xhtml1/DTD/xh阅读全文
posted @ 2012-06-23 22:48 李林峰的园子 阅读(5493) | 评论 (19) 编辑
无废话ExtJs 入门教程十一[下拉列表：Combobox]

摘要: 继上一节内容，我们在表单里加了个一个下拉列表：1.代码如下： 1 <!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Transitional//EN” “http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd”> 2 <html xmlns=”http://www.w3.org/1999/xhtml”> 3 <head> 4 <title></title> 5 <!–Ext阅读全文
posted @ 2012-06-23 19:09 李林峰的园子 阅读(8069) | 评论 (10) 编辑
无废话ExtJs 入门教程十[单选组：RadioGroup、复选组：CheckBoxGroup]

摘要: 继上一节内容，我们在表单里加了个一个单选组，一个复选组:1.代码如下： 1 <!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Transitional//EN” “http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd”> 2 <html xmlns=”http://www.w3.org/1999/xhtml”> 3 <head> 4 <title></title> 5 <!阅读全文
posted @ 2012-06-23 13:12 李林峰的园子 阅读(5947) | 评论 (7) 编辑
无废话ExtJs 入门教程九[数字字段：NumberField、隐藏字段Hidden、日期字段：DataFiedl]

摘要: 继上第六节内容，我们在表单里加了个一个数字字段，隐藏字段，日期字段。如下代码所:1.代码如下： 1 <!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Transitional//EN” “http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd”> 2 <html xmlns=”http://www.w3.org/1999/xhtml”> 3 <head> 4 <title></title阅读全文
posted @ 2012-06-23 10:44 李林峰的园子 阅读(8237) | 评论 (15) 编辑
无废话ExtJs 入门教程八[脚本调试Firefox：firebug]

摘要: Firebug是一个Firefox插件,功能：HTML查看和即时编辑、控制台、网络状况等，是开发JavaScript、ExtJs的得力调试工具。一、Firefox的安装.下载地址: http://www.mozilla.org.cn二、Firebug下载地址： https://addons.mozilla.org/zh-CN/firefox/search?q=firebug 下载后将 firebug 拖入到 firefox 浏览器中即可自动安装。三、演示[我们以前面讲过的login.htm为例]： 我们在开发的时候，最常用的三个firebug功能分别为：查看元素的构成、脚本调试、clien..阅读全文
posted @ 2012-06-23 09:36 李林峰的园子 阅读(5342) | 评论 (3) 编辑
无废话ExtJs 入门教程七[登陆窗体Demo：Login]

摘要: 在这节我们通过前几节讲的内容做一个登陆页面，把前几节讲的内容贯穿一下。1.代码如下： 1 <!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Transitional//EN” “http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd”> 2 <html xmlns=”http://www.w3.org/1999/xhtml”> 3 <head> 4 <title></title> 阅读全文
posted @ 2012-06-21 19:27 李林峰的园子 阅读(9557) | 评论 (18) 编辑
无废话ExtJs 入门教程六[按钮：Button]

摘要: 继上一节内容，我们在表单里加了个两个按钮“提交”与重置。如下所示代码区的第68行位置，buttons: [btnsubmit, btnreset]。1.代码如下： 1 <!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Transitional//EN” “http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd”> 2 <html xmlns=”http://www.w3.org/1999/xhtml”> 3 <阅读全文
posted @ 2012-06-21 17:00 李林峰的园子 阅读(8545) | 评论 (19) 编辑
无废话ExtJs 入门教程五[文本框：TextField]

摘要: 继上一节内容，我们在表单里加了个两个文本框。如下所示代码区的第42行位置，items: [txtusername, txtpassword]。1.代码如下： 1 <!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Transitional//EN” “http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd”> 2 <html xmlns=”http://www.w3.org/1999/xhtml”> 3 <hea阅读全文
posted @ 2012-06-21 16:00 李林峰的园子 阅读(11861) | 评论 (19) 编辑
无废话ExtJs 入门教程四[表单：FormPanel]

摘要: 继上一节内容，我们在窗体里加了个表单。如下所示代码区的第28行位置，items:form。1.代码如下： 1 <!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Transitional//EN” “http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd”> 2 <html xmlns=”http://www.w3.org/1999/xhtml”> 3 <head> 4 <title></阅读全文
posted @ 2012-06-19 13:06 李林峰的园子 阅读(6947) | 评论 (8) 编辑
无废话ExtJs 入门教程三[窗体：Window组件]

摘要: 1.代码如下： 1 <!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Transitional//EN” “http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd”> 2 <html xmlns=”http://www.w3.org/1999/xhtml”> 3 <head> 4 <title></title> 5 <!–ExtJs框架开始–> 6 <scri阅读全文
posted @ 2012-06-18 15:25 李林峰的园子 阅读(8847) | 评论 (4) 编辑
无废话ExtJs 入门教程二[Hello World]

摘要: 我们在学校里学习任何一门语言都是从”Hello World”开始，这里我们也不例外。1.代码如下： 1 <!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Transitional//EN” “http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd”> 2 <html xmlns=”http://www.w3.org/1999/xhtml”> 3 <head> 4 <title&g阅读全文
posted @ 2012-06-18 14:53 李林峰的园子 阅读(9627) | 评论 (13) 编辑
无废话ExtJs 入门教程一[学习方法]

摘要: 本教程的制作是基于我从零开始学习ExtJs到正式在项目中应用的整个学习过程和方法，其中肯定会有许多不足之处，还请大家多多批评指正。很多书籍和网上的教程大多是从API与ExtJs的机制开始讲解的。而在我的学习过程中发现，没有接触过ExtJs或对javascript了解很少的同事，在看到前面几章的时候，感觉到很茫然（本人也系菜鸟），所以对此深有感触。针对此问题，我的学习方法如下：1.从ExtJs的视图开始学习。 如：窗体，表单，树等等。先搞些所见即所得的东西，用ExtJs写出来的东西就是很炫，把自己学习的兴趣调动起来，在此期间要学会怎么调试js。2.学习使用API。 学会怎么查询及使用大牛提供..阅读全文
http://www.cnblogs.com/iamlilinfeng/category/385121.html