随笔分类 - Extjs
Extjs
摘要：This tutorial is for Ext version 2.0. A complete demonstration is at EasyExt. Is this tutorial for me? If you are a seasoned programmer then no, I suggest that this is not the page for you, many of ...
阅读全文
摘要：Contents[hide] 1 事前准备 2 定义 3 正式开始 4 window对象 5 理解作用域 6 变量的可见度 事前准备 学习本教程的最佳方法是随手准备好Firefox中的工具Firebug。这样使得您可以即刻测试教程的例子。 如果机子上还没有FireFox和FireBug，就应该尽快安装一套来用。 定义 作用域scope1.（名词）某样事物执行、操作...
阅读全文
摘要：Summary: Playing With Ext The Easy Way (Chinese) Author: Patrick Donelan (翻译：Cloudream) Published: 2007-10-12 Ext Version: 2.0 Languages: English Deutsch Chinese Korean Japanese ...
阅读全文
摘要：Introduction 欢迎来到Ext 2.0。在下列各章节中，你将会接触到Ext 2.0最新的改进，你也将会了解，有哪些新功能是为你所用的。虽然作为一份概述性的内容，本文不会讨论如何编写Ext 2.0应用程序个中细节，但是你可在下面提供的资源，找到你所需的内容： Ext 1.x to 2.0升级指南 Ext 2.0 API参考 Ext 2.0范例 Ext 2.0更新日志 Ext社...
阅读全文
摘要：Ext 2.0 Tutorials All tutorials in this section were written for Ext 2.0, or can be used with any version of Ext. Looking for 1.x tutorials? Getting Started Playing With Ext The Easy Way What i...
阅读全文
摘要：本教程适用于Ext 2.0的版本，而版本1.x仍可找到。 无论你是Ext库的新手，抑或是想了解Ext的人，本篇文章的内容都适合你。本文将简单地介绍Ext的几个基本概念，和如何快速地做出一个动态的页面并运行起来，假设读者已具备了一些JavaScript经验和简单了解HTML的文档对象模型（document object model ，DOM）。 下载Ext 如果你未曾下载过，那应从官方网站那里...
阅读全文
摘要：前段时间写jsfw [ JavaScript FrameWork ]，写完后发现每刷新一次内存就升大几百K，用一个小时IE内存占用高到一两百M。看了以下文章，五个分类我犯了四个，问题是找到了，不过改起来很累 ---------------------------以下文章不知道是从哪Copy来的------------------- 在IE下的JS编程中，以下的编程方式都会造成即使关闭IE也无法...
阅读全文
摘要：AnchorLayout是最简单的布局管理其，它只是将元素按照配置的属性在元素容器中进行定位。 让我们看一下它的render方法以理解如果进行布局： onLayout : function(ct, target){ Ext.layout.AnchorLayout.superclass.onLayout.call(this, ct, target); //获取元素的尺寸 ...
阅读全文
摘要：如果学习了Container,你回发现，在Ext2.0中，Container和Layout的关系是密不可分的。任何Container都需要在render方法中使用layout对象进行布局。 让我们先看一下所有layout的父类：ContainerLayout。 实际上，对容器及其item的渲染都是在layout对象的layout方法中实现的。而layout方法是在resize事件中触发的，...
阅读全文
摘要：BoxComponent继承了Component，主要是实现了设置组件的宽度、高度以及位置（相对于容器或相对于document.body),他的实现较为简单，需要注意的是: 1.BoxComponent可以通过resizeEl属性设置进行调整大小的对象，positionEl属性设置调整位置的对象，并且在render事件中进行设置，将属性封装为Ext.element对象； 2.se...
阅读全文
摘要：在这里，我们引用Ext Overview中的Component life cycle对组件的功能进行相应的总结： [list=1] 配置项对象生效： 组件对象的构造器会把全部的配置项传入到其子类中去，并且进行下列所有的步骤。 组件的底层事件创建 这些事件由组件对象负责触发。事件有enable, disable, beforeshow, show, beforehide, hide, befor...
阅读全文
摘要：首先，让我们回忆一下对于组件的讨论： 1.只有配置了applyTo或renderTo属性才会在构建组件时立刻进行render方法的调用； 2.如果是applyTo属性，则会对component的容器进行渲染；renderTo则是对component进行渲染； 现在，让我们看一下render方法的实现： render : function(container, position){...
阅读全文
摘要：在Ext2.0中，Component是一切Widget的父类，所有的Widget都继承与它，而他又继承自Observable,因此，它天生就具备了对于事件的处理能力。 首先，让我们看一下它的构建器，它的构建器可以传入三种类型的对象： 对象(该对象的initailConfig属性为真正的配置对象;isAction属性决定了该参数是否是一个Ext.Action对象，如果是Ext.Action对象则注册...
阅读全文
摘要：Observable维护了一个events数组，并提供了更加方便的对于事件的封装和调用机制。同Event一样，它也提供了addListener、removeListener方法。它提供的addListenere方法使用起来更加方便,你可以通过json对象一次实现多个事件的绑定： foo.addListener({ 'click' : { fn: this.onClick, scope: ...
阅读全文
摘要：由于Ext2.0中所有的组件都是由Observable继承而来，理解Ext就需要先从Ext.util.Observable说起，而Observable是对Event对象进行管理，从而理解Observable必须首先从Ext.util.Event说起。 Ext.util.Event是一个封装的非常精致的对象，但和你想象的不同，Event同任何的HTML DOM元素没有任何的关系（尽管Ext是处理HTML元素的），实际上，它是一个通用的事件及其事件的处理的对象。 也许有朋友要问，HTML Element本身已经支持了事件，为什么还要再重新设计一套Event机制呢？其实，基本上所有的javascr.
阅读全文
摘要：Ext.tree.TreePanel树状控件,继承自panelconfig定义{animate : Boolean,containerScroll : Boolean,ddAppendOnly : String, /*很显然这是api的一个错误,treepanel.js中惟一用到它的地方是this.dropZone = new Ext.tree.TreeDropZone(this, this.dropConfig || { ddGroup: this.ddGroup || "TreeDD", appendOnly: this.ddAppendOnly === true })
阅读全文
摘要：Ext.grid.EditorGridPanel可编辑数据表格Config {clicksToEdit : Number //点几次开始编辑,默认为2}方法EditorGridPanel()构造,应为 EditorGridPanel(Object config)startEditing( Number rowIndex, Number colIndex ) : voidstopEditing() : void开始停止编辑事件afteredit : ( Object e )beforeedit : ( Object e )validateedit : ( Object e )下面我们扩展一下刚才
阅读全文
摘要：Ext.grid.ColumnModel用于定义Grid的列用例var colModel = new Ext.grid.ColumnModel([ {header: "Ticker", width: 60, sortable: true}, {header: "Company Name", width: 150, sortable: true} ]);回到ColumnModel,它的构造参数是一个config组成的数组,其中config定义为{ align : String //css中的对齐方式 dataIndex : String //要绑定的Sto
阅读全文
摘要：Ext.tree.TreePanel树状控件,继承自panelconfig定义{animate : Boolean,containerScroll : Boolean,ddAppendOnly : String, /*很显然这是api的一个错误,treepanel.js中惟一用到它的地方是this.dropZone = new Ext.tree.TreeDropZone(this, this.dropConfig || { ddGroup: this.ddGroup || "TreeDD", appendOnly: this.ddAppendOnly === true })
阅读全文
摘要：Ext.menu.Menu菜单对象config{ allowOtherMenus : Boolean //允许同时显示其它的菜单? defaultAlign : String //默认对齐方式:tl-bl? defaults : Object //默认的菜单项配置,将会应用到所有的items items : Mixed //菜单项数组 minWidth : Number //最小宽度.默认120 shadow : Boolean/String // subMenuAlign : String //子菜单对齐方式 tl-tr?}Menu( Object config )构造add( Mix...
阅读全文