随笔分类 - 无废话ExtJs系列教程

摘自:http://www.cnblogs.com/iamlilinfeng/category/385121.html

ExtJs 入门教程

摘要: extjs技术交流,欢迎加群(292467521):ExtJs 入门教程一[学习方法]ExtJs 入门教程二[Hello World]ExtJs 入门教程三[窗体:Window组件]ExtJs 入门教程四[表单:FormPanel]ExtJs 入门教程五[文本框:TextField]ExtJs 入门...阅读全文

posted @ 2012-12-31 15:32 李林峰的园子 阅读(20113) | 评论 (22) 编辑

无废话ExtJs 入门教程二十三[员工管理实例:Demo]

摘要: extjs技术交流,欢迎加群(292467521):一、概况:这个实例的开发工具为 vs2010,数据库为 sql2008 r2,数据库设计pd16。以下是对文件的详细说明:解压文件 05 ExtJs教程 夹后 会有以下3个文件夹:00 Extjs.Doc里包含4个文件:(1)数据库创建脚本,为了兼...阅读全文

posted @ 2012-07-10 21:26 李林峰的园子 阅读(11030) | 评论 (37) 编辑

无废话ExtJs 入门教程二十二[动态复选框:RemoteCheckboxGroup]

摘要: extjs技术交流,欢迎加群(292467521):我们在开发系统的时候经常会用到 Checkgroup 由后台取出的情况,然而在 ExtJs CheckboxGroup 并没有提供该服务端数据源的属性。1.代码如下: 1 2 3 4 5 6 7 ...阅读全文

posted @ 2012-07-03 12:39 李林峰的园子 阅读(7712) | 评论 (18) 编辑

无废话ExtJs 入门教程二十一[继承:Extend]

摘要: extjs技术交流,欢迎加群(292467521):在开发中,我们在使用视图组件时,经常要设置宽度,高度,标题等属性。而这些属性可以通过“继承”定义在我们定义的新组件中,从而达到重用的目地。1.代码如下: 1 2 3 4 5 6 7 8 ...阅读全文

posted @ 2012-06-29 20:05 李林峰的园子 阅读(5121) | 评论 (0) 编辑

无废话ExtJs 入门教程二十[数据交互:AJAX]

摘要: extjs技术交流,欢迎加群(292467521):1.代码如下: 1 2 3 4 5 6 7 8 9 10 64 65 66 编号:{id}‘:中间的{id}占位符要和我们在后台输出 json...阅读全文

posted @ 2012-06-29 11:23 李林峰的园子 阅读(8083) | 评论 (4) 编辑

无废话ExtJs 入门教程十九[API的使用]

摘要: extjs技术交流,欢迎加群(292467521):首先解释什么是 API来自百度百科的官方解释:API(Application Programming Interface,应用程序编程接口)是一些预先定义的函数,目的是提供应用程序与开发人员基于某软件或硬件的以访问一组例程的能力,而又无需访问源 码,...阅读全文

posted @ 2012-06-28 18:50 李林峰的园子 阅读(11844) | 评论 (9) 编辑

无废话ExtJs 入门教程十八[树:TreePanel]

摘要: extjs技术交流,欢迎加群(292467521):1.代码如下: 1 2 3 4 5 6 7 8 9 15 16 81 82 83 97 98 用到后台代码如下/App_Ashx/Demo/Tree.ashx:...阅读全文

posted @ 2012-06-28 12:58 李林峰的园子 阅读(8907) | 评论 (0) 编辑

无废话ExtJs 入门教程十七[列表:GridPanel]

摘要: extjs技术交流,欢迎加群(292467521):在Extjs中,GridPanel用于数据显示,即我们平时说的列表页。在本节中,我们先对 GridPanel有个基本的认识,后继过程再做Demo练习详细讲解在开发中的应用。1.代码如下: 1 2 3 4 5 6 ...阅读全文

posted @ 2012-06-27 14:33 李林峰的园子 阅读(11945) | 评论 (18) 编辑

无废话ExtJs 入门教程十六[页面布局:Layout]

摘要: extjs技术交流,欢迎加群(292467521):首先解释什么是布局:来自百度词典的官方解释:◎ 布局 bùjú:[distribution;layout] 对事物的全面规划和安排,布:陈设;设置。我对布局理解是“把**东西放在**位置显示”[动词]。ok,我们这节课就讲一下怎么样把 ExtJs ...阅读全文

posted @ 2012-06-26 21:06 李林峰的园子 阅读(10342) | 评论 (7) 编辑

无废话ExtJs 入门教程十五[员工信息表Demo:AddUser]

摘要: extjs技术交流,欢迎加群(292467521):前面我们共介绍过10种表单组件,这些组件是我们在开发过程中最经常用到的,所以一定要用到非常熟 练才可以,今天我们会通过一个员工信息表实例,再把这些组件串一下。(1)TextField (2)Botton (3)NumberField(4)Hidden...阅读全文

posted @ 2012-06-25 20:25 李林峰的园子 阅读(7620) | 评论 (14) 编辑

无废话ExtJs 入门教程十四[文本编辑器:Editor]

摘要: extjs技术交流,欢迎加群(292467521):ExtJs自带的编辑器没有图片上传的功能,大部分时候能够满足我们的需要。但有时候这个功能还是 需要的。我在这里对keeditor进行了整合。首先要下载keeditor和上传时需要引用的LitJson.dll。由于ke的版本不同,我这里提供 的下载文件只...阅读全文

posted @ 2012-06-25 10:01 李林峰的园子 阅读(10662) | 评论 (16) 编辑

无废话ExtJs 入门教程十三[上传图片:File]

摘要: extjs技术交流,欢迎加群(292467521):1.代码如下: 1 2 3 4 5 6 7 8 9 10 11 85 86 87 ‘;这个是原生态的js,把imageshow的值换成图片。...阅读全文

posted @ 2012-06-24 22:54 李林峰的园子 阅读(10665) | 评论 (7) 编辑

无废话ExtJs 入门教程十二[下拉列表联动:Combobox_Two]

摘要: extjs技术交流,欢迎加群(292467521):不管是几级下拉列表的联动实现本质上都是根据某个下拉列表的变化,去动态加载其他下拉列表,如: 省、市、地区。当我们监听到省变化时,向service端发送省的编号,service端根据收到的"省"编号到数据库中查询该省所对应的市信息,地区同 理,抓住这一点...阅读全文

posted @ 2012-06-23 22:48 李林峰的园子 阅读(8867) | 评论 (19) 编辑

无废话ExtJs 入门教程十一[下拉列表:Combobox]

摘要: extjs技术交流,欢迎加群(292467521):继上一节内容,我们在表单里加了个一个下拉列表:1.代码如下: 1 2 3 4 5 6 7 8 9 10 11 21 207 208 20...阅读全文

posted @ 2012-06-23 19:09 李林峰的园子 阅读(13668) | 评论 (10) 编辑

无废话ExtJs 入门教程十[单选组:RadioGroup、复选组:CheckBoxGroup]

摘要: extjs技术交流,欢迎加群(292467521):继上一节内容,我们在表单里加了个一个单选组,一个复选组:1.代码如下: 1 2 3 4 5 6 7 8 9 10 11 21 186 1...阅读全文

posted @ 2012-06-23 13:12 李林峰的园子 阅读(10182) | 评论 (10) 编辑

无废话ExtJs 入门教程九[数字字段:NumberField、隐藏字段Hidden、日期字段:DataFiedl]

摘要: extjs技术交流,欢迎加群(292467521):继上第六节内容,我们在表单里加了个一个数字字段,隐藏字段,日期字段。如下代码所:1.代码如下: 1 2 3 4 5 6 7 8 9 10 11 ...阅读全文

posted @ 2012-06-23 10:44 李林峰的园子 阅读(12904) | 评论 (16) 编辑

无废话ExtJs 入门教程八[脚本调试Firefox:firebug]

摘要: extjs技术交流,欢迎加群(292467521):Firebug是一个Firefox插件,功能:HTML查看和即时编辑、控制台、网络状况等,是 开发JavaScript、ExtJs的得力调试工具。一、Firefox的安装.下载地址: http://www.mozilla.org.cn二、Firebu...阅读全文

posted @ 2012-06-23 09:36 李林峰的园子 阅读(9147) | 评论 (3) 编辑

无废话ExtJs 入门教程七[登陆窗体Demo:Login]

摘要: extjs技术交流,欢迎加群(292467521):在这节我们通过前几节讲的内容做一个登陆页面,把前几节讲的内容贯穿一下。1.代码如下: 1 2 3 4 5 6 7 8 9 15 16 111 11...阅读全文

posted @ 2012-06-21 19:27 李林峰的园子 阅读(15073) | 评论 (22) 编辑

无废话ExtJs 入门教程六[按钮:Button]

摘要: extjs技术交流,欢迎加群(292467521):继上一节内容,我们在表单里加了个两个按钮“提交”与重置。如下所示代码区的第68行位 置,buttons: [btnsubmit, btnreset]。1.代码如下: 1 2 3 4 5 6 7 ...阅读全文

posted @ 2012-06-21 17:00 李林峰的园子 阅读(14780) | 评论 (19) 编辑

无废话ExtJs 入门教程五[文本框:TextField]

摘要: extjs技术交流,欢迎加群(292467521):继上一节内容,我们在表单里加了个两个文本框。如下所示代码区的第42行位置,items: [txtusername, txtpassword]。1.代码如下: 1 2 3 4 5 6 7 8 9...阅读全文

posted @ 2012-06-21 16:00 李林峰的园子 阅读(19280) | 评论 (19) 编辑

无废话ExtJs 入门教程四[表单:FormPanel]

摘要: extjs技术交流,欢迎加群(292467521):继上一节内容,我们在窗体里加了个表单。如下所示代码区的第28行位置,items:form。1.代码如下: 1 2 3 4 5 6 7 8 9 10 33 34 35 这...阅读全文

posted @ 2012-06-19 13:06 李林峰的园子 阅读(12609) | 评论 (12) 编辑

无废话ExtJs 入门教程三[窗体:Window组件]

摘要: extjs技术交流,欢迎加群(292467521):1.代码如下: 1 2 3 4 5 6 7 8 9 10 26 27 28 这里是窗体内容‘:窗体内部显示的html内容。34 (5)resizable: true:是...阅读全文

posted @ 2012-06-18 15:25 李林峰的园子 阅读(15889) | 评论 (5) 编辑

无废话ExtJs 入门教程二[Hello World]

摘要: extjs技术交流,欢迎加群(292467521):我们在学校里学习任何一门语言都是从"Hello World"开始,这里我们也不例外。1.代码如下: 1 2 3 4 5 6 7 8 9 10 15 16 17 22 23 效果...阅读全文

posted @ 2012-06-18 14:53 李林峰的园子 阅读(17785) | 评论 (14) 编辑

无废话ExtJs 入门教程一[学习方法]

摘要: extjs技术交流,欢迎加群(292467521):本教程的制作是基于我从零开始学习ExtJs到正式在项目中应用的整个学习过程和方法,其中肯定会 有许多不足之处,还请大家多多批评指正。很多书籍和网上的教程大多是从API与ExtJs的机制开始讲解的。而在我的学习过程中发现,没有接触过 ExtJs或对jav...阅读全文

时间: 2024-11-09 11:47:23

随笔分类 - 无废话ExtJs系列教程的相关文章

无废话ExtJs 入门教程十七[列表:GridPanel]

无废话ExtJs 入门教程十七[列表:GridPanel] extjs技术交流,欢迎加群(201926085) 在Extjs中,GridPanel用于数据显示,即我们平时说的列表页.在本节中,我们先对GridPanel有个基本的认识,后继过程再做Demo练习详细讲解在开发中的应用. 1.代码如下: 1 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/

无废话ExtJs 入门教程十六[页面布局:Layout]

无废话ExtJs 入门教程十六[页面布局:Layout] extjs技术交流,欢迎加群(201926085) 首先解释什么是布局: 来自百度词典的官方解释:◎ 布局 bùjú: [distribution;layout] 对事物的全面规划和安排,布:陈设:设置. 我对布局理解是“把**东西放在**位置显示”[动词]. ok,我们这节课就讲一下怎么样把 ExtJs 的组件,放到我们想放置的位置. 一.常用布局 (1)ContainerLayout:默认布局方式,其他布局继承该类进行扩展功能.显示:

无废话ExtJs 入门教程十五[员工信息表Demo:AddUser]

无废话ExtJs 入门教程十五[员工信息表Demo:AddUser] extjs技术交流,欢迎加群(201926085) 前面我们共介绍过10种表单组件,这些组件是我们在开发过程中最经常用到的,所以一定要用到非常熟练才可以,今天我们会通过一个员工信息表实例,再把这些组件串一下. (1)TextField  (2)Botton  (3)NumberField (4)Hidden (5)DataFiedl (6)RadioGroup (7)CheckBoxGroup (8)Combobox (9)F

无废话ExtJs 入门教程十四[文本编辑器:Editor]

无废话ExtJs 入门教程十四[文本编辑器:Editor] extjs技术交流,欢迎加群(201926085) ExtJs自带的编辑器没有图片上传的功能,大部分时候能够满足我们的需要. 但有时候这个功能还是需要的.我在这里对keeditor进行了整合. 首先要下载keeditor和上传时需要引用的LitJson.dll.由于ke的版本不同,我这里提供的下载文件只适用于当前整合代码,供参考. 1.代码如下: 1 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML

无废话ExtJs 入门教程十三[上传图片:File]

无废话ExtJs 入门教程十三[上传图片:File] extjs技术交流,欢迎加群(201926085) 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/199

无废话ExtJs 入门教程十九[API的使用]

无废话ExtJs 入门教程十九[API的使用] extjs技术交流,欢迎加群(201926085) 首先解释什么是 API 来自百度百科的官方解释:API(Application Programming Interface,应用程序编程接口)是一些预先定义的函数,目的是提供应用程序与开发人员基于某软件或硬件的以访问一组例程的能力,而又无需访问源码,或理解内部工作机制的细节. ExtJs的Api必须部署到IIS上,ExtJS的API首页如下图所示: 左侧是搜索栏,可以搜索所有的Ext的组件,如上图

无废话ExtJs 入门教程三[窗体:Window组件]

无废话ExtJs 入门教程三[窗体:Window组件] extjs技术交流,欢迎加群(201926085) 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/19

无废话ExtJs 入门教程二[Hello World]

无废话ExtJs 入门教程二[Hello World] extjs技术交流,欢迎加群(201926085) 我们在学校里学习任何一门语言都是从"Hello World"开始,这里我们也不例外. 1.代码如下: 1 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd&

无废话ExtJs 入门教程五[文本框:TextField]

无废话ExtJs 入门教程五[文本框:TextField] extjs技术交流,欢迎加群(201926085) 继上一节内容,我们在表单里加了个两个文本框.如下所示代码区的第42行位置,items: [txtusername, txtpassword]. 1.代码如下: 1 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xht