模板模式是设计模式中很重要的一个知识点，我在模式总结——模板方法这篇文章中已有总结，在面向对象设计中有着举足轻重的地位。
在Ext中更是发挥的淋漓尽致，为什么这么说呢？Ext中的组件有着很深的继承关系，很多方法都有着重复，而且不仅
是代码上的重复，更多的是流程上的重复 阅读全文 »
模板模式是设计模式中很重要的一个知识点，我在模式总结——模板方法这篇文章中已有总结，在面向对象设计中有着举足轻重的地位。
在Ext中更是发挥的淋漓尽致，为什么这么说呢？Ext中的组件有着很深的继承关系，很多方法都有着重复，而且不仅
是代码上的重复，更多的是流程上的重复 阅读全文 »
将Ext的extend继承，我大不算费很大的口舌来解释，因为真的很难表达，什么原型啦，构造函数啦等等拗口的词汇反而不会帮助我们理解，最通俗易懂的莫过于例子了。下面的例子都是模仿Ext的写法来写的，非常正轨，都是本人精心斟酌过的，是一种非常好的设计模式，希望大家既然来看了，就耐心品味下，呵呵，欢迎留言交流 阅读全文 »
标签：EXT, Ext 继承, Ext.extend, Ext2.0, Ext源码分析, Ext的类初学者一定对Ext大量的命名空间感到不解，其实是非常简单的东西，看完这篇文章就明白了。
比如就用Ext.panel,Ext.layout.BorderLayout这2个命名空间来说吧，Ext是这样创建的：
阅读全文 »
注意：这篇文章我是针对FF来写的，看完这篇文章，你能把IE的也写出来，就说明你入门了：）
代码下面有下载， 无 需引入任何js
阅读全文 »
使用ext-all-debug来对Ext的源码进行跟踪不知道大家有没有耍过，我尝试过，那是相当痛苦，因为ext-all-debug这种3万多行代码的源文件用编辑器打开非常慢，其他我不知道，我用的是eclipse，选择一下就要卡好久。暂且这点不说吧，定位也是一个难点，很难区别调试的那一行到底是属于那个范畴的。所以，要想好好学习Ext的精髓所在，搞清那些js文件的关系是很重要的，js文件要一个一个引入。下面是最基本的12个js文件，注意！一定要保持这样的顺序，它们是Ext的基石，其实也是ext-core-all.js的内容 阅读全文 »
标签：DomHelper.js, DomQuery.js, Element.js, EventManager.js, EXT, ext-base.js, Ext.js, Observable.js, relationship, Template.js, 调试Ext.on，其实就是Ext.lib.Event里的addListener方法，把addListener的代码拿出来晒晒先，大致过一遍，我下面一步步解释 阅读全文 »
标签：addListener, EXT, 源码分析一直没有时间来搞EXT的CSS，一方面没有这么多时间，一方面国内关于EXT的CSS资料几乎没有，即使国外一些网站也非常难找到关于EXT的CSS资料，倒是有很多皮肤下载，新手们可以照着皮肤来进行修改，也是不错的选择。
废话少说，我先从EXT.Window下手，来剖析每个CSS类的用途！ 阅读全文 »
只要下载最近的EXT包，里面已经涵盖了我们需要的jQuery，下面是根据官方网站的介绍配置的最简单的页面
<!DOCTYPE HTML PUBLIC “-//W3C//DTD HTML 4.01 Transitional//EN”><html><head><title>Untitled Document</title><meta http-equiv=”Content-Type” content=”text/html; charset=UTF-8″><script type=”text/javascript” src=”js/adapter/jquery/jquery.js”></script><script type=”text/javascript” src=”js/adapter/jquery/jquery-plugins.js”></script><script type=”text/javascript” src=”js/adapter/jquery/ext-jquery-adapter.js”></script><script type=”text/javascript” src=”js/ext-all.js”></script><link rel=”stylesheet” type=”text/css” href=”js/resources/css/ext-all.css”><link rel=”stylesheet” type=”text/css” href=”js/resources/css/xtheme-vista.css”>
<script type=”text/javascript” >
$(document).ready(function(){ $(‘#wheelink‘).bind(‘click‘,function() {
Ext.Msg.alert(‘Whee alert!‘, ‘Thanks for clicking me, WHEE!‘);
});
});</script></head><body><a href=”#” id=”wheelink”>Whee Click me Click me!</a></body></html>那么在具体在项目中还会碰到哪些问题呢？我们来看个例子 阅读全文 »
标签：EXT, jQuery, 方法, 桥梁, 结合
$(document).ready(