kinglino520的专栏

 注：代码提自工程，没做过多的修改，不一定能运行起来，只是贴出来共大家参考，格式太难调了 请谅解，有任何疑义可以联系我。/**//*公共组建：社保经济类型选择窗口2008.03.19 chenyanji条件：需支持Ext.Window/Ext.TabPanel/Ext.data.JsonReader/Ext.grid.Column

 Ext 2.0的API包含许多的方法（函数）、属性和配置项，涵盖的面非常大，要全部列出几乎是不可能的。虽然API文档是童叟无欺精心打造的，但实际开发中，若果能够像其它语言Java和C#那样地支持JavaScript代码提示，那就更好啦。可喜的是，有若干的开发环境（IDE）和插件能够支持－－并且是直接支持Ext 2.0。Aptana Studio一谈到JavaScript的

 Ext.menu.Menu菜单对象config{    allowOtherMenus : Boolean    //允许同时显示其它的菜单?    defaultAlign : String        //默认对齐方式:tl-bl?    defaults : Object        //默认的菜单项配置,将会应用到所有的items   

 Ext.form.BasicForm对应一个dom中的form,默认是用ajax提交的,如果的确想回传,可以使用如下方式var myForm. = new Ext.form.BasicForm("form-el-id", {        onSubmit: Ext.emptyFn,        submit: function() {            th

 Ext.data.Tree继承自Observable,用于存放树装的数据结构方法Tree( [Node root] )以root为根构造Ext.data.Tree对象getNodeById( String id ) : Node由指定id得到节点getRootNode() : Node得到根节点,由属性root得到更方便setRootNod

 工具栏,使用起来很简单，add已准备好的元素就行方法Toolbar( Object/Array config )构造add( Mixed arg1, Mixed arg2, Mixed etc. ) : void增加元素可以是 1:Ext.Toolbar.Button            相当于addButton2:HtmlElement   

 Ext.data.Storestore是一个为Ext器件提供record对象的存储容器,行为和属性都很象数据表方法:不列举继承来的方法Store( Object config )构造,config定义为{autoLoad : Boolean/Object,    //自动载入baseParams : Object,    //只有使用httpproxy时才

 Ext.data.DataReader纯虚类,从数据源得到结构化数据转换为元数据对象,对象包含Record的集合,一般用做Store对象的元数据,具有如下格式{totalRecord:int,records:Array of Ext.data.Record}具体使用参见三个子类Ext.data.ArrayReader/Ext.data.JsonReader/E

 Ext.data.DataProxy数据代理类是一个纯虚类，主要用于生成Ext.data.Record对象，没有公开的属性和方法，只是归定子类需要处理三个事件beforeload : ( Object This, Object params )load : ( Object This, Object o, Object arg )loadexception : ( Objec

 Ext.grid.EditorGridPanel可编辑数据表格Config {clicksToEdit : Number   //点几次开始编辑,默认为2}方法EditorGridPanel()构造,应为 EditorGridPanel(Object config)startEditing( Number rowIndex, Number colIndex

 Ext.grid.ColumnModel用于定义Grid的列用例var colModel = new Ext.grid.ColumnModel([    {header: "Ticker", width: 60, sortable: true},    {header: "Company Name", width: 150, sortable: true}   

 Ext2.0对框架进行了非常大的重构，其中最重要的就是形成了一个结构及层次分明的组件体系，由这些组件形成了Ext的控件，Ext组件是由Component类定义，每一种组件都有一个指定的xtype属性值，通过该值可以得到一个组件的类型或者是定义一个指定类型的组件。        组件大致可以分成三大类，即基本组件、工具栏组件、表单及元素组件。基本组件有：  xtype     

 Ext2.0的form不单增加了时间输入控件、隐藏输入控件，还修改了创建方法，通过formpanel代替了原来form，column也根据新的布局定义更新了定义方式。总体来说，定义一个form更简单便捷了。本文将通过一个实例介绍一下2.0的form的创建以及其大部分控件的使用方法，因水平有限，错漏难免，忘大家多多谅解！我们先来看看我们将要设计的form的情况： 呵呵，

 我们都知道java中有布局管理器的概念，通过调整布局器可以简化我们对可视组件的管理。而在Ext中同样提供了自己的布局实现，以简化web界面的开发与定制。如下图所示，Ext的Layout可分解为东、西、南、北、中5个基本区域。在ExtJS2.0实现中，我们可以写成如下代码样式。ExtJS2.0配置方法如下：初识ExtJSLayoutExt.js Ja

 1. ext的tbar中加入其他的元素方法Js代码 tbar: [      公司名称：,      {xtype:textfield,width:200,id:sDepName,name:sDepName},{xtype:tbseparator},    

 index.js HelloWindow  =   function ()  {     var  win  =   this ;    

 var ResizableExample = {    init: function(){        var basic = new Ext.Resizable(basic, {            width: 200,            height: 100,            minWidth:100,            minHeight:

 功能很强大，采用config配置形式，比前面的方法使用更方便。   参数很多，在此列举最常用的配置参数：1.animEl:对话框弹出和关闭时的动画效果，比如设置为“id1”，则从id1处弹出并产生动画，收缩则相反2.buttons:弹出框按钮的设置，主要有以下几种：Ext.Msg.OK,                                        E

 方法:不列举继承来的方法Store( Object config )构造,config定义为{ autoLoad : Boolean/Object,    //自动载入 baseParams : Object,    //只有使用httpproxy时才有意义 data : Array,        //数据 proxy : Ext.data.DataProxy,//数据

 1. EXT提交服务器的三种方式 1, EXT的form表单ajax提交（默认提交方式） 相对单独的ajax提交来说优点在于能省略写参数数组 将按钮添加单击事件，执行以下方法 java 代码Java代码  1.  function login(item) {       2.         

  如果看过yui-ext的例子，相信大家很想把它用在实际项目中去，我这两个星期都在研究它，国内几乎没有资料，只能从http://www.jackslocum.com的论坛找，我现在简单介绍一下我的实际开发环境：     我的项目原来的开发环境是Struts+Spring1.2.8+Hibernate3.1.2，现在要把页面的jsp+jstl，和Struts的Action转换成yui-

 本教程假设你已经安装好ExtJS库。安装的目录是extjs 并位于你程序的上一级目录。如果安装在其它地方你必须更改路径，更改示例文件中script标签的src的属性。需要些什么？除ExtJS库本身外，我们还需要两个文件：applayout.html applayout.js 先看看一份html文档，比较精简。并附有详细说明：applayout.ht

 extend(Object subclass,Object superclass,[Object overrides] : Object 第一个参数：子类 第二个参数：父类 第三个参数：要覆盖的属性。 这里需要强调一下，子类继承下来的是父类中通过superclass.prototype方式定义的属性（包括用此方法定义的函数）。  使用方式使用示例假设有

 Ext.form.NumberField继承自Ext.form.TextField,因为Ext.form.TextField虽然强大,但写起来的确还是有点麻烦,后面的类都继承自Ext.form.TextField,没有自定义的方法,属性和事件config定义为{    allowDecimals : Boolean    //true    allowNegat

 Ext.Actionaction实现一个脱离了容 器的事件,所有它可以在多个容器之间共享,不过好象只有Ext.Toolbar, Ext.Button 和Ext.menu.Menu支持action接口:),因为容器要实现下面所有的方法setText(string),setIconCls(string), setDisabled(boolean), setVisible(bool

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

 11.2.2  CSS调试11.2.3  脚本调试Firebug的脚本调试功能相当强大。将选项卡换到"脚本"，如图11.20所示，在Firebug窗口顶部与CSS面板一样，有一个文件列表按钮。在右边有4个按钮和一个搜索框。 （点击查看大图）图11.20  "脚本"选项卡这里4个按钮的作用与Delphi等IDE工具的调试按钮一

 11.2  使用Firebug进行调试在Firebug中可进行源代码、CSS、脚本和DOM等调试，基本上涵盖了页面调试的各个方面，是一个非常好的整合调试平台。11.2.1  源代码调试（1）浏览器自带的源代码查看功能提供的是页面实际源代码，不是页面显示的最终源代码，这在早期已满足我们的需要，但是随着Web 2.0的使用，越来越多的页面内容是通过脚本生成的，这就无法满足我们

 10.2  实时换肤功能在本章的开始，我们已经谈到了实时换肤功能。大家应该都熟悉目前很流行的聊天工具如腾讯的QQ，微软的MSN，我们都可以根据自己的喜好来更换自己的皮肤颜色，更换后，整个聊天工具的面板都会变为你选择的颜色，所见即所得，非常方便。在应用系统中，如果能够实现系统的实时换肤功能，那么无疑会为你的应用增添一个有力的竞争手段。实时换肤功能的实现原理是什么呢？在Ext

 //若action返回的是男性的一个Json姓名集合。当你想要的只是那些姓王或者姓张的，那你就可以用  filterBy方法进行如下过滤。 var firstName;    var store = new Ext.data.JsonStore({        url : ../users/view.action?gender=+gender,   root : re

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

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

 11.5  在IE中使用FirebugFirebug是Firefox的一个扩展，但是习惯在IE中调试页面怎么办？如果在脚本中使用了Firebug的调试函数，势必会在IE里会产生错误，怎么办？不用担心，Firebug提供了Firebug Lite，通过它就可以在IE中正常使用Firebug的调试函数。要使用Firebug Lite，需要到以下地址下载firebug-lite.j

 概述: 讲讲如何使用Ext菜单器件这篇教程中，我们将学习使用Ext的菜单器件（Menu Widgets)。假设读者已经阅读过Ext简介一文，并懂得一些Ext的基本相关知识。菜单器件是Ext库中较迟实现的器件。它由几个类联合构成，使得创建一个菜单只需若干代码块（Block of code）。开始！第一步要做的是，下载本教程的示例文件。Zip文件包括三个文件：Ex

 ExtJS事件机制是ExtJS架构体系中核心部分。它不但扩展浏览器Dom元素事件，使其兼容于各大主流浏览器，而且它采用观察者模式的来架构组件的事件机制，为组件提供了良好的扩展性。 本章从浏览器事件讲起，结合浏览事件机制来阐述ExtJS对其扩展。对于组件事件机制，我们将剖析其实现并结合实例来应用它。最终让读者能深入地了解和应用整个ExtJS事件机制。 本章主要内容： ExtJS

 第10章  定制Ext外观毋庸置疑，软件系统中现今的外观方案应该是能灵活更换的，应该是能够跨越平台之间差异的。基于Ajax的方案的界面是一种集成了各种标准技术的产物，因此在不同的浏览器、不同的平台上，所渲染出来的效果或者是所表达的软件质感、外观都应是一致的，无须考虑硬件、系统的直接因素。这种"放之四海而皆准"的标准技术反而将跨平台这一美好的愿望体现出来。所谓标准会促进生产力发

 10.3  本地化Ext（1）"橘生淮南则为橘，生于淮北则为枳"。同样一件东西，在不同的地域和语言文化环境下，会有不同的称谓和使用习惯。何谓本地化？简单说来，就是根据当地的语言文化情况和市场特征，对目标信息和产品的再次加工。举个例子，法国生产的化妆品希望进入中国卖给中国消费者，商家必须根据中国妇女的皮肤特性、中国化妆品市场情况等制定产品策略和价格策略，进行市场营销，这个过程就

 Ext.data.GroupingStore继承自Ext.data.Store,为Store增加了分组功能.其它用法与Store一致,惟一需要注意的是使用GroupingStore时必须指定sortInfo信息增加了配置属性groupField : String//用于分组的字段groupOnSort : Boolean//如果为真,将依排序字段重新分组,默认为假remote

 Ext.data.Connection访问指定的url,这是个异步调用类,如果想得到服务器信息,请在request参数中指定callback方法或指定侦听者(对文件上传无效)Connection( Object config )构造,config定义为{autoAbort : Boolean,defaultHeaders : Object,disableCachi

 11.7  小结Firebug是相当不错的脚本和页面调试平台，虽然DebugBar和Companion.js有类似功能，但是和Firebug比较还是有不少差距，所以建议读者在调试阶段还是使用Firebug作为调试工具。尤其是在使用Ext、有大量脚本的情况下，Firebug确实是一个好的选择。