有点失望,没有出现自己想像的的如何如何去实现。既然只有二步,第二步没有,那么只有看第二步了:
load : function(options){
options = options || {};//支持空参数
//在开始load之前触发的事件
if(this.fireEvent("beforeload", this, options) !== false){ ① &nbs ...
细品Ext的数据存储
prk 2008-08-10
前言
任何网页的显示都离不开数据,把数据、显示、控制的功能都集中在一起耦合度高,导致代码难于阅读,修改。后来GOF提出了模式的概念,典型的MVC模式就是解决此类问题而出现的架构模式。其中M就是数据,把数据从V,C中分离开来,CV能统一口颈去访问数据。这样的模块化使程序解耦,达到效率的提高。
JSP中的众多页面框架都是架在MVC之中,PHP的新版本也在使用MVC模式,可见服务器的页面框架都采用MVC达到解耦。但是在JavaScript中的框架(lib)就不一样了,Prototype、Mootool ...
Ext.DomHelper = function(){
var tempTableEl = null;
var emptyTags = /^(?:br|frame|hr|img|input|link|meta|range|spacer|wbr|area|param|col)$/i;
var tableRe = /^table|tbody|tr|td$/i;
// build as innerHTML where available
var createHtml = function(o){
//如果是str ...
Ext.DomQuery和Jquery Selector的分析
1、概述
JS的主要作用就是对Dom元素的操作。操作Dom元素的显示,怎么显示,如何显示等形式。在操作Dom 元素,首先就是取得Dom元素的引用。一般我们都会采用document.getElementById(id)通过指定的id来引用,还有一个常用的方法就是通过document.getElementsByTagName(tagName)来获得指定tagName的Dom元素的集合。对于间接引用,我们可以通过Dom元素的以下的几个方法parentNode,firstChild,lastChild,childNodes,nextS ...
/*
* author:prk
* date:2008-08-03
* comment:analyse for Ext.DomQuery
*
*/
/*
* Ext JS Library 2.0.2
* Copyright(c) 2006-2008, Ext JS, LLC.
* licensing@extjs.com
*
* http://extjs.com/license
*/
/*
* This is code is also distributed under MIT license for use
* with jQu ...
4、实例分析
上面分析说了组件的事件机制,和Dom元素的事件处理。它们两者肯定是统一的。就是说元素的事件很有可能经过包装加工就变成组件的事件。Ext是如何有机把两者统一起来呢?下面就拿Ext.form.Field做个说明。
在filed的变量定义了
1 defaultAutoCreate
/**
* @cfg {String/Object} autoCreate A DomHelper element spec, or true for a default element spec (defaults to
* {tag: "input", type: ...
3、Ext.EventManager,EventObject
上面是对于组件的Event,对于元素或者说浏览器的事件,Ext提供了一组和组件平行的实现。Ext.EventManager,EventObject就是为了解决元素的兼容,事件的操作而实现的。
Ext.EventManager和Ext.util.observable的功能有点相似,它提供了一些方法,让用户很方便对元素进行addListener。有addListener就会有removeListener。(兼容于所有的浏览器)不同的一点对于元素,不需要注册事件名。因为对于元素的事件名,浏览器早就定好了。
Ext.EventMana ...
/**
* author:prk
* date:2008-08-01
* comment:event analyse.
*
*/
/*
* Ext JS Library 2.0
* Copyright(c) 2006-2007, Ext JS, LLC.
* licensing@extjs.com
*
* http://extjs.com/license
*/
/**
* @class Ext.util.Observable
* Abstract base class that provides a common interf ...
/**
* author:prk
* date:2008-08-01
* comment:event analyse.
*
*/
/*
* Ext JS Library 2.0
* Copyright(c) 2006-2007, Ext JS, LLC.
* licensing@extjs.com
*
* http://extjs.com/license
*/
/**
* @class Ext.EventManager
* Registers event handlers that want to receive a normal ...
说起模板,很多人都会想起FreeMaker。什么是模板呢?模板就是按预前给定的模样生产出来。这个预前给定的模样就是模板。在程序开发上的模板有一点不同,它不是完全一模一样的。
举个例子:比如我要在页面显示某人的一些信息
<div style=”….”>小王</div><div style=”….”>1983-09-24</div>
  ...
Ext.Template完成了基本的插值功能,现在Ext.uitl.Xtemplate要完成指令功能。只有这样模板才是完整的。其实Ext.Template插值功能,也是差强人意的,比如没有实现点串(user.name)的插值,其实这个实现起来很简单。在ExtExt.uitl.Xtemplate中,实现点串功能,在{[]}可以使用内嵌的Js代码。实现在for,if,exec指令,
对于for指令,感觉有点不爽是采用命名映射的方式,很多时候我们只要数组中的一部分,比如:a[1..5]。我还要在for的指令内嵌if指令来判断,导致很麻烦。在freemarker就能直接用。而在Xtemp ...
- 浏览: 6321 次
- 性别:

- 来自: 南昌

- 详细资料
搜索本博客
最近加入圈子
最新评论
-
jquery core 源码分析
樓主夠狠,通讀了源代碼。肯定獲益非淺。
-- by zhouyrt -
Ext.template分析
for指令,if指令等 在 Ext.XTemplate 中实现了
-- by xxf_cz -
jquery core 源码分析
打倒标题党.
-- by jonee -
Ext.Event分析(二)
var args = Array.prototype.slice.call(ar ...
-- by jljlpch -
Ext.Event分析(三)
请排一下版,看起来太费劲了
-- by cagway






评论排行榜