2008年07月_火焰雪人

10月 07月 04月 03月

转载对ExtJs的态度

extjs的确是个好东西，但是，它的优点也就是它的缺点：加载页面慢时间一长，浏览器占内存就会疯长服务器端功能极度削弱，除了数据库操作外，几乎所有功能都到了客户端，还得用javascript来写。功能全到了客户端，而客户端语言javascript的编写还是有许多的麻烦，真正精通它的人极少。javascript对于大部分人来说，不易调试大量存在的javascript代码难以维护开发速度极

2008-07-16 20:43:00 3904 5

转载 extJs 2.1学习笔记(Ext.form概述)

Ext.form中封装了是输入组件。input、textArea、frameSet、form等元素都被包装起来了。我刚才发了点时间对它的类图分析了一下，用StartUML做了图如下：　　Ext.form中的组件太多，实在不大方便一一研究，哪来的时间。还好，有示例，照着用吧。不明白的再去看代码、看文档。

2008-07-16 20:42:00 1411

转载 extJs 2.1学习笔记(Function扩展篇)

ExtJs对JavaScript的内建对象进行了扩展，对什么Object、Date、Array、Function、String的扩展，扩展方法想必诸位都烂熟于心了：用prototype的办法。这一篇讲一讲Function扩展的精妙之处，之所以突然研究这个问题，是因为我在研究 Ext.data.Store的源代码时，看到一行代码：　　this.reader.onMetaChange = t

2008-07-16 20:41:00 3309 1

转载 extJs 2.1学习笔记(Ext.TabPanel篇)

　Ext.TabPanel这个东西是最常用的组件之一，它继承自Ext.Panel。看了一个下午的源代码，对它的一些基本原理有所了解了。　　下面要讲一些问题，这些问题绝对是本人独门秘笈，非入室弟子不传。哈哈哈。　　一、组件的组成：　　因为继承自Ext.Panel，所以，它也是由header、tbar、body、bbar、footer这几个部分构成，有人问：TabPanel的面板标签

2008-07-16 20:41:00 5502 5

转载 extJs 2.1学习笔记(Ext.data.JsonReader篇二)

有了上一篇中所讲内容，一般情况下就可以应付了，不过，JsonReader有一些细节问题，还要细究。待某家一一道来。　　构造函数已讲，下面依代码顺序讲解了。 read : function(response){ var json = response.responseText; var o = eval("("+json+")");

2008-07-16 20:39:00 5318 3

转载 extJs 2.1学习笔记(Ext.data.Store篇)

　Ext.data.Store，这个东西是JavaScript版的DataTable啊。貌似其他Ajax框架都没有这个玩意啊。可见啦，Ext是真的打算把b/s开发重新变成c/s开发啊。哈哈哈。便宜我等了。待某细研之。　　Store类提供对记录集(Record)的包装，通过前面的研究可知，DataProxy取数据(url或数组或xml或json)，DataReader用于从不规范的数据取出

2008-07-16 20:39:00 10037

转载 extJs 2.1学习笔记(Ext.data.JsonReader篇一)

嘿，别看关键就在这儿，事实上，它的代码很少的哦。加上注释才219行。研究研究。　　有个事要说一下：DataProxy的子类呢，都有一个load来加载数据，DataReader的子类呢，都有一个read来读取数据。　　而Ext.data.JsonReader有两个关键函数：read、readRecords。好了。来研究一下。　　Ext.data.JsonReader = funct

2008-07-16 20:38:00 6338 1

转载 extJs 2.1 学习笔记(Ext.data.HttpProxy篇)

　关于Ext.data中各个类的关系图我在前面已经做了一个，不用多言。其实啊。关于数据的显示，一般要经历三个流程：DataProxy－－>DataReader－－>Store。当然，三个部分都得是具体的类，这三个是抽象类。　　如果按照一般性的理解，那么应当先从Proxy开始了。　　出人意料：DataProxy的代码就是一空架子。且看：Ext.data.DataProxy = fu

2008-07-16 20:37:00 11284 5

转载 extJs 2.1学习笔记(Ext.Updater篇二)

全　　称:Ext.Updater命名空间:Ext定义　于:UpdateManager.js类　　名:Updater父　　类:Observable为Element对象提供Ajax式的更新能力。Updater能用于更新Element一次或者使用startAutoRefresh让Element具备定时更新的能力。用法：//从一个Ext.Element对象获得Up

2008-07-16 20:36:00 3445

转载 extJs 2.1学习笔记(Ext.data.Connection篇二)

上一篇主要是扎扎实实地翻译了一下Ext.data.Connection的官文档。尽管网上有位大侠也搞了个中文文档，但是，有不少遗漏的地方。这篇主要是研究一下文档中有些语焉不详的地方，这些问题只能透过研究代码来解释了。　　一、Ext.data.Connection是否有依赖的模块　　有。它建立在一个适配器类：Ext.lib.Ajax的基础之上，有人看了Ext.js的代码，发现，Ext貌

2008-07-16 20:34:00 1995

转载 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方法处理

2008-07-16 20:34:00 2676

转载 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……不过，

2008-07-16 20:33:00 2583 1

转载 extJs 2.1学习笔记(JSON序列化篇)

ExtJs有一个类：Ext.util.JSON，它提供两个函数：encode、decode。用于序列化和反序列化，功能蛮强大的，也差不多了，但是，在WebService中序列化DataTable、DataSet时，遇到麻烦。这个问题只有自己解决了。　　其实这个问题简单的很，没什么大不了的。这儿有一篇文章有代码！就是循环做事嘛。但是，我觉得，如果要用于ExtJs的话，这个代码还不够。因为J

2008-07-16 20:32:00 2034 1

转载 extJs 2.1学习笔记(通信篇)

javascript通过XHR调用WebService。两个问题必须解决：　　一、如何传值给WebService，有什么格式要求没有？　　二、如何接收从WebService传过来的结果？　　此二者我辈不能不察也。asp.net的WebService默认是序列化成json格式的，所以，我们在客户端传值时，最好用json传，反映到ExtJs中。就是Ext.Ajax.request({

2008-07-16 20:31:00 2230 2

转载 extJs 2.0学习笔记(Ajax篇)

一听到Ajax，我与大家一样，如雷贯耳，都说XXX Ajax框架，事实上，这一部分内容在ExtJs中是基础中的基础，就那个样。这儿主要是讨论一些资料、书本都不会涉及的领域。这些东西平常只能由自己摸索的。　　在此话题之先，先解决一个问题，现在用asp.net的人多了，但是，用asp.net ajax并不爽，但是asp.net ajax能直接调用webservice，看起来很眼谗，在extJ

2008-07-16 20:30:00 966

转载 extJs 2.0学习笔记(Ext.data序论篇)

昨天就说过了，ExtJs的UI部分不会花什么时间了，是时候来研究一下Ext如何发送json数据，如何解析数据，如何显示到我们的widgets。如何管理异步请求。这些问题貌似都在Ext.data里面。本人总结了一张UML图。可以得到一个大概关系。　　其中，像Observable、DataReader、Record、SortTypes这四个类没有标出父类，是因为它们继承自Object，就

2008-07-16 20:29:00 968

原创 extJs 2.0学习笔记(Ext.Panel终结篇)

怪不得我对Ext.Panel穷追猛打，前面已经写过四篇针对它的文章了。不过。Ext.Panel的问题搞得差不多了。下面我贴出研究代码，及效果图。再解释一下。这下图文结合了。以后自己忘记了，看一下就明白了。var panel1;function newPanel1(){ var config1={title:'这是标题栏', width:300,

2008-07-16 20:28:00 6664 12

原创 extJs 2.0学习笔记(事件注册总结篇)

本来，我也没把这档子事放在眼里，因为简单，例如：　　Ext.get("elem").on("click",{fn:function(){alert("此元素被单击了！");}};　　这样的代码谁不会写啊。一个on就了结了。但是，今天，我在研究Ext.Panel的tbar时，发现，那现工具栏按钮的事件注册不一样：　　元素注册、组件注册都是：{fn:……}　　工具栏按钮的事件注册

2008-07-16 20:27:00 1715 1

转载 extJs 2.0学习笔记(Ext.Panel篇四)

我刚才禁不住诱惑去看了一下Ext.Window的API文档，发现只是比Panel多了点什么最大化、最小化、关闭、置前、置后、动画引发目标设置、可调整大小这些功能。像什么标题栏、工具栏之类的东西在Ext.Panel早就封装好了。搞定了Ext.Panel终于可以闷声发大财罗。哈哈哈。　　这一文主要总结一下，panel的常见用法。　　一、使Panel的标题栏隐藏　　这是常有的事，常常，

2008-07-16 20:26:00 7781 1

转载 extJs 2.0学习笔记(Ext.Panel篇三)

上一篇中把panel的config部分的文档翻译了一下，事实上，好多东西都加上了我自己的看法，也不能说完全是翻译。真是个苦差使啊。这一次主要是来研究一下Ext.Panel的属性、函数。属性：body : Ext.Element它是指向panel的body的Element引用。它被用于包含html内容。可以通过html config，或者是autoLoad config，又或者是通

2008-07-16 20:25:00 193

转载 extJs 2.0学习笔记(Ext.Panel篇三)

2008-07-16 20:23:00 3785

转载 extJs 2.0学习笔记(Ext.Panel篇二)

这一篇翻译自extJs 2.0官方文档。花了我一个晚上加一个上午的时间才搞定。这篇是关于config的。　　我在网上查了很久，关于ExtJs的core部分的中文文档还是有不少，但是关于panel，window这些呢就好像不大齐全，而且，在js堂，它的文档翻译还在1.1。所以呢想翻译出来，以后大家也好查阅。　　本人js水平、英文水平都有限，还好，通过看源代码两相印证，终于还是搞出来了。

2008-07-16 20:22:00 5070 1

转载 extJs 2.0学习笔记(Ext.Panel篇一)

老实不客气的说：没有Panel，就没有extjs的盛名。那些最常见的UI组件都是继承自它。暴爽的东西啊。我就在想，这么好的东西怎么会出现得这么晚呢？　　在这一篇中，将详细讲一讲Ext.Panel的方方面面。　　现在遇到了一些问题：　　一、显示的问题　　事实上，这个问题是所有组件的问题，凡是从Ext.Component继承的类都面临这个问题。　　例如，我写了一行这样的代码，

2008-07-16 20:21:00 2153

转载 extJs 2.0学习笔记(组件总论篇)

组件正是extJs的亮点所在，像平常要用的Ext.Window、Ext.tabpanel都是我们最喜欢的好东西。要彻底弄清楚这中间的机制啊。　　我查到了一些参考资料：Ext组件结构分析Ext组件概述Ext组件模型概况Ext组件的生命周期Ext.Component的Render方法详解ExtJs实用开发教程asp.net中使用JSONEx的树组件的使用(从底层到表现到异步加载)

2008-07-16 20:19:00 1632

转载 extJs 2.0学习笔记(Ext.Element API总结)

Ext.Element API比较多，大伙用的时候也难以在短时间把住它的脉络，主要功能。这个给个总结，而不是一个API说明。说到API说明，网上早有大侠做得蛮不错的了。位置设置：getX() 取得相对于页面的x坐标getY() 取得相对于页面的y坐标getXY()　取得相对于页面的x,y坐标，用法：ele.getXY()[0]/[1]getOffsetsTo(el

2008-07-16 20:17:00 2139

原创 extJs 2.0学习笔记(Element.js篇)

Element.js这个文件包含了整个extjs框架中最为核心的部分，它对DOM元素进行超强的封装。源文件就有3054行，尽管这中间有好多是注释，但是，在个把月前，我不敢想像我会要拿着几千行的js文件来研究。呵呵。　　就我目前而得知的情报，Ext.Element类至少包含如下功能：　　一、为许多DOM动作创建Animation(动画)，例如setWidth，它提供一个可选项来获得动画

2008-07-16 20:15:00 1595 3

转载 extJs 2.0学习笔记(DomHelper.js篇)

这个文件定义的是Ext.DomHelper类。作用是提供一些Dom的操作。这个类不是静态类。　　这个类第一个函数createHtml是一个私有函数，用于从指定转入创建对应的html文本。这个类有多种情况，根据源代码分析：　　var createHtml = function(o)｛｝　　o的取值可能有：string(现成的html字符串)、Array(JSON对象数组)、obje

2008-07-16 20:13:00 1534

转载 extJs 2.0学习笔记

申明：本笔记转自伯平,163的博客,网上有关extjs好的资料本来就不多，见到他的这么一份笔记，我是欣喜若狂，在读这份笔记的时候，我流连于他的详细的备注，更惊叹于他透彻的分析，读完这份笔记以后，我从此又多了一个偶像－伯平，在此我十万分的感谢他的这份笔记对我的帮助！ extJs 2.0学习笔记(ext.js篇)要是以前，我铁定整天到处找教程看，光说不

2008-07-16 19:56:00 2512 1