EXTJS
gkuiyj
计算机
展开
-
Extjs3.0的变动记录(转载)
Release Date: Jul 6, 2009Current Version: 3.0.0 (rev 4747)Previous Version: 2.2.1 (rev 3003)概要: * 问题修复. * 增强.变更: * Ext.Button o Button目前已经是一个标准的 BoxComponen...原创 2009-09-24 11:23:57 · 127 阅读 · 0 评论 -
extJs 2.0学习笔记(Ext.Panel终结篇)
怪不得我对Ext.Panel穷追猛打,前面已经写过四篇针对它的文章了。不过。Ext.Panel的问题搞得差不多了。下面我贴出研究代码,及效果图。再解释一下。这下图文结合了。以后自己忘记了,看一下就明白了。var panel1;function newPanel1(){var config1={title:'这是标题栏', width:300, heigh...原创 2009-08-05 21:49:33 · 63 阅读 · 0 评论 -
extJs 2.1学习笔记(Ext.data.Connection篇一)
ExtJs之所以能异步请求数据,全依赖于Ext.data.Connection。而Ext.Ajax只不过是Ext.data.Connection的一个实例罢了。当然Ext.Ajax比Ext.data.Connection多了一个函数:serializeForm(form),这个函数的作用是把一个表单里面的表单元素序列化。结果形式为:name1=value1&name2=value2……不过,如...原创 2009-08-05 21:52:59 · 73 阅读 · 0 评论 -
extJs 2.1学习笔记(Ext.data.Connection篇二)
上一篇主要是扎扎实实地翻译了一下Ext.data.Connection的官文档。尽管网上有位大侠也搞了个中文文档,但是,有不少遗漏的地方。这篇主要是研究一下文档中有些语焉不详的地方,这些问题只能透过研究代码来解释了。 一、Ext.data.Connection是否有依赖的模块 有。它建立在一个适配器类:Ext.lib.Ajax的基础之上,有人看了Ext.js的代码,发现,Ext...原创 2009-08-05 21:54:04 · 74 阅读 · 0 评论 -
extJs 2.1学习笔记(Ext.data.Store篇)
Ext.data.Store,这个东西是JavaScript版的DataTable啊。貌似其他Ajax框架都没有这个玩意啊。可见啦,Ext是真的打算把b/s开发重新变成c/s开发啊。哈哈哈。便宜我等了。待某细研之。 Store类提供对记录集(Record)的包装,通过前面的研究可知,DataProxy取数据(url或数组或xml或json),DataReader用于从不规范的数据取出并...原创 2009-08-05 21:54:53 · 82 阅读 · 0 评论 -
extJs 2.1学习笔记(Function扩展篇)
ExtJs对JavaScript的内建对象进行了扩展,对什么Object、Date、Array、Function、String的扩展,扩展方法想必诸位都烂熟于心了:用prototype的办法。这一篇讲一讲Function扩展的精妙之处,之所以突然研究这个问题,是因为我在研究 Ext.data.Store的源代码时,看到一行代码: this.reader.onMetaChange = th...原创 2009-08-05 21:55:33 · 62 阅读 · 0 评论 -
extJs 2.1学习笔记(Ext.TabPanel篇)
Ext.TabPanel这个东西是最常用的组件之一,它继承自Ext.Panel。看了一个下午的源代码,对它的一些基本原理有所了解了。 下面要讲一些问题,这些问题绝对是本人独门秘笈,非入室弟子不传。哈哈哈。 一、组件的组成: 因为继承自Ext.Panel,所以,它也是由header、tbar、body、bbar、footer这几个部分构成,有人问:TabPanel的...原创 2009-08-05 21:56:25 · 77 阅读 · 0 评论 -
extJs 2.1学习笔记(Ext.data.JsonReader篇二)
有了上一篇中所讲内容,一般情况下就可以应付了,不过,JsonReader有一些细节问题,还要细究。待某家一一道来。 构造函数已讲,下面依代码顺序讲解了。 read : function(response){ var json = response.responseText; var o = eval("("+json+")"); ...原创 2009-08-05 21:57:49 · 79 阅读 · 0 评论 -
extJs 2.1学习笔记(Ext.data.JsonReader篇一)
有个事要说一下:DataProxy的子类呢,都有一个load来加载数据,DataReader的子类呢,都有一个read来读取数据。 而Ext.data.JsonReader有两个关键函数:read、readRecords。好了。来研究一下。 Ext.data.JsonReader = function(meta, recordType){ meta = meta...原创 2009-08-05 21:58:50 · 90 阅读 · 0 评论 -
extJs 2.1 学习笔记(Ext.data.HttpProxy篇)
关于Ext.data中各个类的关系图我在前面已经做了一个,不用多言。其实啊。关于数据的显示,一般要经历三个流程:DataProxy-->DataReader-->Store。当然,三个部分都得是具体的类,这三个是抽象类。 如果按照一般性的理解,那么应当先从Proxy开始了。 出人意料:DataProxy的代码就是一空架子。且看:Ext.data.DataProxy = ...原创 2009-08-05 21:59:25 · 129 阅读 · 0 评论 -
extJs 2.1学习笔记(Ext.Updater篇一)
上几篇中老老实实地把Ext.data.Connection翻了个遍。这是基础。我记得Ext.Element有一个方法:load( String/Function url, [String/Object params], [Function callback], [Boolean discardUrl] ) : Ext.Element直接调用Ext.Updater.update方法处理(...原创 2009-08-05 22:00:53 · 64 阅读 · 0 评论 -
extJs 2.1学习笔记(Ext.Updater篇二)
全 称:Ext.Updater命名空间:Ext定义 于:UpdateManager.js类 名:Updater父 类:Observable为Element对象提供Ajax式的更新能力。Updater能用于更新Element一次或者使用startAutoRefresh让Element具备定时更新的能力。用法://从一个Ext.Element对象获得Upd...原创 2009-08-05 22:02:00 · 164 阅读 · 0 评论 -
extJs 2.0学习笔记(事件注册总结篇)
本来,我也没把这档子事放在眼里,因为简单,例如: Ext.get("elem").on("click",{fn:function(){alert("此元素被单击了!");}}; 这样的代码谁不会写啊。一个on就了结了。但是,今天,我在研究Ext.Panel的tbar时,发现,那现工具栏按钮的事件注册不一样: 元素注册、组件注册都是:{fn:……} 工具栏按钮...原创 2009-08-05 21:48:02 · 43 阅读 · 0 评论 -
extJs 2.0学习笔记(Ext.Panel篇四)
我刚才禁不住诱惑去看了一下Ext.Window的API文档,发现只是比Panel多了点什么最大化、最小化、关闭、置前、置后、动画引发目标设置、可调整大小这些功能。像什么标题栏、工具栏之类的东西在Ext.Panel早就封装好了。搞定了Ext.Panel终于可以闷声发大财罗。哈哈哈。 这一文主要总结一下,panel的常见用法。 一、使Panel的标题栏隐藏 这是常有的事,...原创 2009-08-05 21:46:01 · 69 阅读 · 0 评论 -
extJs 2.0学习笔记(Ext.Panel篇三)
上一篇中把panel的config部分的文档翻译了一下,事实上,好多东西都加上了我自己的看法,也不能说完全是翻译。真是个苦差使啊。这一次主要是来研究一下Ext.Panel的属性、函数。属性:body : Ext.Element它是指向panel的body的Element引用。它被用于包含html内容。可以通过html config,或者是autoLoad config,又或者...原创 2009-08-05 21:45:10 · 64 阅读 · 0 评论 -
Ext架构分析(4)--Container之旅
Ext架构分析(4)--Container之旅 原文链接 :http://webtec.blog.ccidnet.com/blog-htm-do-showone-uid-77419-itemid-246193-type-blog.html BoxComponent继承了Component,主要是实现了设置组件的宽度、高度以及位置(相对于容器或相对于document.body)...原创 2009-07-16 08:32:15 · 126 阅读 · 0 评论 -
Ext架构分析(1)--理解Ext.util.Event
Ext架构分析(1)--理解Ext.util.Event 原文链接 http://webtec.blog.ccidnet.com/blog-htm-do-showone-uid-77419-type-blog-itemid-246149.html 由于Ext2.0中所有的组件都是由Observable继承而来,理解Ext就需要先从Ext.util.Observable说起,而Ob...原创 2009-07-16 08:35:33 · 123 阅读 · 0 评论 -
Ext架构分析(2)--理解Ext.util.Observable
Ext架构分析(2)--理解Ext.util.Observable 原文链接 http://webtec.blog.ccidnet.com/blog-htm-do-showone-uid-77419-type-blog-itemid-246155.html Observable维护了一个events数组,并提供了更加方便的对于事件的封装和调用机制。同Event一样,它也提供了ad...原创 2009-07-16 08:37:45 · 104 阅读 · 0 评论 -
Ext架构分析(3)--Widget之父Component:总结
Ext架构分析(3)--Widget之父Component:总结 原文链接 http://webtec.blog.ccidnet.com/blog-htm-do-showone-uid-77419-type-blog-itemid-246170.html在这里,我们引用Ext Overview中的Component life cycle对组件的功能进行相应的总结: [list...原创 2009-07-16 08:39:10 · 78 阅读 · 0 评论 -
Ext架构分析(5)--Layout初识:ContainerLayout
Ext架构分析(5)--Layout初识:ContainerLayout 如果学习了Container,你回发现,在Ext2.0中,Container和Layout的关系是密不可分的。任何Container都需要在render方法中使用layout对象进行布局。 让我们先看一下所有layout的父类:ContainerLayout。 实际上,对容器及其item的渲染都是在l...原创 2009-07-16 08:40:13 · 102 阅读 · 0 评论 -
Ext架构分析(6)--最简单的layout:AnchorLayout
Ext架构分析(6)--最简单的layout:AnchorLayout AnchorLayout是最简单的布局管理其,它只是将元素按照配置的属性在元素容器中进行定位。 让我们看一下它的render方法以理解如果进行布局: onLayout : function(ct, target){ Ext.layout.AnchorLayout.superclas...原创 2009-07-16 08:42:00 · 166 阅读 · 0 评论 -
Ext 2 概述
原文链接 http://hi.baidu.com/xcl119xcl/blog/item/dee5c70893597735e8248856.html欢迎来到Ext 2.0。在下列各章节中,你将会接触到Ext 2.0最新的改进,你也将会学习,有哪些新功能是为你所用的。虽然作为一份概述性的内容,本文不会讨论如何编写Ext 2.0应用程序个中细节,但是你可在下面提供的资源,找到你所需的内容:...原创 2009-07-16 08:48:09 · 83 阅读 · 0 评论 -
Ext架构分析:render方法
Ext架构分析(3)--Widget之父Component:render方法 原文链接http://blog.ccidnet.com/blog-htm-do-showone-uid-77419-type-blog-itemid-246167.html 首先,让我们回忆一下对于组件的讨论: 1.只有配置了applyTo或renderTo属性才会在构建组件时立刻进行render方...原创 2009-07-16 08:51:20 · 333 阅读 · 0 评论 -
EXT 中 类的继承
深入剖析ExtJS 2.2实现及应用连载 版权所有,转载标明出处和作者及版权信息作者:彭仁夔 QQ:546711211 Blog:http://www.cnblogs.com/jxnuprk或htttp://jljlpch.iteye.com在javaScript中,面向对象的类是通过函数来模拟的。函数的prototype中的方法和属性可以看作是类的实例方法和属性。函数的的方法...2009-07-31 09:36:52 · 162 阅读 · 0 评论 -
extJs 2.0学习笔记(Ext.Panel篇一)
原文链接: http://hi.baidu.com/1netboy/blog/item/a4786fce3811bb3fb700c83f.html在这一篇中,将详细讲一讲Ext.Panel的方方面面。 现在遇到了一些问题: 一、显示的问题 事实上,这个问题是所有组件的问题,凡是从Ext.Component继承的类都面临这个问题。 例如,我写了一行这样的代...原创 2009-08-05 21:42:57 · 49 阅读 · 0 评论 -
extJs 2.0学习笔记(Ext.Panel篇二)
activeItem : String/Number用于设置当前活动的子组件,取值为此子组件的序号或者是id。但是它只能应用于那种一次只能显示一个子组件的布局类,例如:Ext.layout.Accordion, Ext.layout.CardLayout和Ext.layout.FitLayout。allowDomMove;Boolean是否可以在组件呈现的过程中移动组件的dom节点...原创 2009-08-05 21:44:11 · 101 阅读 · 0 评论 -
Ext中TreePanel控件和TabPanel控件搭配测试
在实际的项目中,左边树形菜单,提供各种功能点击,右边一个面板,随着左边节点的选择表现不同的功能内容,这是一个相当经典的布局,在Ext框架中,有两个控件TreePanel和TabPanel刚好完成这些功能,本文就这两个控件的搭配使用和点击左边树节点引起右边内容变化的方法作一个简单的介绍。首先看下面的具体的代码。TabPanel和Tree控件搭配测试Ext....原创 2009-08-25 13:51:18 · 77 阅读 · 0 评论