EXT2
文章平均质量分 77
impeller
计算机行业
展开
-
Ext布局类的介绍与使用
在WEB应用的开发中,应用界面的布局设计是一项很重要的内容。在EXT中,可以通过BorderLayout与NestedLayoutPanel很方便的设计出各种的布局。本文章的主要内容主要是介绍如何通过BorderLayout、NestedLayoutPanel以及各种面板设计页面布局。 1. BorderLayout类BorderLayout类是布局中的最基本的单元,它已预设了sou转载 2008-03-31 22:47:00 · 2378 阅读 · 0 评论 -
EXT核心API详解Ext.data(十一)-Store
Ext.data.Storestore是一个为Ext器件提供record对象的存储容器,行为和属性都很象数据表方法:不列举继承来的方法Store( Object config )构造,config定义为{autoLoad : Boolean/Object, //自动载入baseParams : Object, //只有使用httpproxy时才有意义data : Array,转载 2008-03-05 13:56:00 · 983 阅读 · 0 评论 -
EXT核心API详解Ext.data(十)-DataReader/ArrayReader/JsonReader/XmlReader
Ext.data.DataReader纯虚类,从数据源得到结构化数据转换为元数据对象,对象包含Record的集合,一般用做Store对象的元数据,具有如下格式{totalRecord:int,records:Array of Ext.data.Record}具体使用参见三个子类Ext.data.ArrayReader/Ext.data.JsonReader/Ext.data.XmlReader方法转载 2008-03-05 13:55:00 · 1563 阅读 · 0 评论 -
EXT核心API详解Ext.data(九)-DataProxy/HttpProxy/MemoryProxy/ScriptTagProxy
Ext.data.DataProxy数据代理类是一个纯虚类,主要用于生成Ext.data.Record对象,没有公开的属性和方法,只是归定子类需要处理三个事件beforeload : ( Object This, Object params )load : ( Object This, Object o, Object arg )loadexception : ( Object This, Obj转载 2008-03-05 13:52:00 · 1060 阅读 · 0 评论 -
EXT核心API详解Ext.data(八) -Connection/Ajax/Record
Ext.data.Connection访问指定的url,这是个异步调用类,如果想得到服务器信息,请在request参数中指定callback方法或指定侦听者(对文件上传无效)Connection( Object config )构造,config定义为{autoAbort : Boolean,defaultHeaders : Object,disableCaching : Boolean,ext转载 2008-03-05 13:51:00 · 976 阅读 · 0 评论 -
EXT核心API详解(七)-Ext.KeyNav/KeyMap/JSON/Format/DelayedTask/TaskRunner/TextMetrics/XTemplate
Ext.KeyNavExt的keyNav类能为Ext.Element元素提供简单的按键处理方法例:var el=Ext.get("textarea");new Ext.KeyNav(el, { "left" : function(e){ alert("left key down"); }, scope : el });它的行为与KeyMap类似,但功转载 2008-03-05 13:48:00 · 796 阅读 · 0 评论 -
EXT核心API详解(四)-Ext.DomQuery/DomHelper/Template
Ext.DomQuery类selector语法详见Ext类compile( String selector, [String type] ) : Function编写一个选择器或xpath查询到一个方法以方便重用,type取select(默认)或simple值之一filter( Array el, String selector, Boolean nonMatches ) : Array过滤el中转载 2008-03-05 13:44:00 · 623 阅读 · 0 评论 -
EXT核心API详解(三)Ext.Element类
Ext.Element类Element( String/HTMLElement element, [Boolean forceNew] )由id或DOM节点创建Element对象Element.fly( String/HTMLElement el, [String named] ) : Element由id或DOM节点创建一个全局共享的活动元素,可由named命名以避免可能的冲突Element.g转载 2008-03-05 13:43:00 · 1047 阅读 · 0 评论 -
EXT核心API详解(二)Array、Number、Date、Function类
Array类indexOf( Object o ) : Numberobject是否在数组中,找不到返回-1;找到返回位置remove( Object o ) : Array从数组中删除指定的对象object,如果找不到object则数组无变化Number类constrain( Number min, Number max ) : Number检查数值是否介于min与max之间, 如果大于max转载 2008-03-05 13:42:00 · 869 阅读 · 0 评论 -
EXT核心API详解(一)-Ext
Ext类addBehaviors( Object obj ) : void对选择的元素 应用事件侦听器,事件名以@附加在结尾,例如addBehaviors({ // id=foo下所有的a标签加入click事件 #foo a@click : function(e, t){ // do something }, // 用,分隔多个选择器 #foo a, #bar转载 2008-03-05 13:39:00 · 804 阅读 · 0 评论 -
Ext笔记
文档载入结束 初始化domExt.onReady(function(){ //初始化以及应用代码});弹出警告对话框Ext.MessageBox.alert("Warning", "This example is not done and results may vary.");表单 //整个表单的样式 //表单宽度显示 //转载 2008-02-26 21:41:00 · 1529 阅读 · 0 评论 -
ext2概述
在下列各章节中,你将会接触到Ext 2.0最新的改进,你也将会学习,有哪些新功能是为你所用的。虽然作为一份概述性的内容,本文不会讨论如何编写Ext 2.0应用程序个中细节,但是你可在下面提供的资源,找到你所需的内容: Ext 1.x to 2.0升级指南 Ext 2.0 API参考 Ext 2.0范例 Ext 2.0 Change Log (Coming soon) Ext社区转载 2008-02-24 14:07:00 · 1514 阅读 · 0 评论 -
EXT核心API详解Ext.data(十三)-Tree/Node
Ext.data.Tree继承自Observable,用于存放树装的数据结构方法Tree( [Node root] )以root为根构造Ext.data.Tree对象getNodeById( String id ) : Node由指定id得到节点getRootNode() : Node得到根节点,由属性root得到更方便setRootNode( Node node ) : Node设置根节点事件转载 2008-03-05 13:57:00 · 1094 阅读 · 0 评论 -
EXT核心API详解Ext.widgets(十四)-Button,SplitButton,CycleButton
Ext.Actionaction实现一个脱离了容 器的事件,所有它可以在多个容器之间共享,不过好象只有Ext.Toolbar, Ext.Button 和 Ext.menu.Menu支持action接口:),因为容器要实现下面所有的方法setText(string), setIconCls(string), setDisabled(boolean), setVisible(boolean) and转载 2008-03-05 13:58:00 · 1122 阅读 · 0 评论 -
EXT核心API详解Ext.widgets(十六)-form(下)
Ext.form.NumberField继承自Ext.form.TextField,因为Ext.form.TextField虽然强大,但写起来的确还是有点麻烦,后面的类都继承自Ext.form.TextField,没有自定义的方法,属性和事件config定义为{ allowDecimals : Boolean //true allowNegative : Boolean转载 2008-03-05 14:00:00 · 1468 阅读 · 0 评论 -
让你知道ext表格控件的厉害
1.1. 功能丰富,无人能出其右 无论是界面之美,还是功能之强,ext的表格控件都高居榜首。单选行,多选行,高亮显示选中的行,推拽改变列宽度,按列排序,这些基本功能咱们就不提了。自动生成行号,支持checkbox全选,动态选择显示哪些列,支持本地以及远程分页,可以对单元格按照自己的想法进行渲染,这些也算可以想到的功能。再加上可编辑grid,添加新行,转载 2008-03-17 20:52:00 · 3398 阅读 · 2 评论 -
EXT核心API详解Ext.menu.Menu(十七)
Ext.menu.Menu菜单对象config{ allowOtherMenus : Boolean //允许同时显示其它的菜单? defaultAlign : String //默认对齐方式:tl-bl? defaults : Object //默认的菜单项配置,将会应用到所有的items items : Mixed //菜单项数转载 2008-03-05 14:01:00 · 3406 阅读 · 0 评论 -
EXT核心API详解Ext.widgets(十五)-form(上)
Ext.form.BasicForm对应一个dom中的form,默认是用ajax提交的,如果的确想回传,可以使用如下方式var myForm. = new Ext.form.BasicForm("form-el-id", { onSubmit: Ext.emptyFn, submit: function() { this.getEl().dom.s转载 2008-03-05 13:59:00 · 1066 阅读 · 0 评论 -
EXT核心API详解Ext.data(十二)-GroupingStore/JsonStore/SimpleStore
Ext.data.GroupingStore继承自Ext.data.Store,为Store增加了分组功能.其它用法与Store一致,惟一需要注意的是使用GroupingStore时必须指定sortInfo信息增加了配置属性groupField : String//用于分组的字段groupOnSort : Boolean//如果为真,将依排序字段重新分组,默认为假remoteGroup : Boo转载 2008-03-05 13:57:00 · 1887 阅读 · 0 评论 -
EXT核心API详解(六)-Ext.Fx
Ext.Fx类对于我这样的懒鬼而言,Fx类是核心类库中最激动人心的一个类,它不是最重要的,却是最实用的一个类定义了一些常用的特效方法,不妨自己多动手试试下面的方法,很有趣的fadeIn( [Object options] ) : Ext.Element渐显 options参数有以下属性callback:Function 完成后的回叫方法scope:Object 目标easing转载 2008-03-05 13:46:00 · 723 阅读 · 0 评论 -
EXT核心API详解(五)-Ext.EventManager/EventObject/CompositeElement/CompositeElementLite
Ext.EventManager事件管理者中的大部分方法都在Ext中有定义,主要用于事件管理addListener( String/HTMLElement el, String eventName, Function handler,on( String/HTMLElement el, String eventName, Function handler, [Object scope], [Obj转载 2008-03-05 13:45:00 · 586 阅读 · 0 评论 -
借鉴Ext.apply实现对象的无限继承
Ext-base.js开头有这样一个方法apply。代码如下:Ext.apply=function (C,D,B){if(B){ Ext.apply(C,B);}if(C&&D&&typeof D=="object"){ for(var A in D){ C[A]=D[A]; }}return C;};该段代码的作用是实现对象的继承。参数意义:如果只传入两个参数,则将C转载 2008-03-05 22:58:00 · 1284 阅读 · 1 评论 -
EXT核心API详解Ext.widgets(二十)-grid(2)
Ext.grid.EditorGridPanel可编辑数据表格Config {clicksToEdit : Number //点几次开始编辑,默认为2}方法EditorGridPanel()构造,应为 EditorGridPanel(Object config)startEditing( Number rowIndex, Number colIndex ) : voidstopEditing(转载 2008-03-05 22:57:00 · 1335 阅读 · 0 评论 -
EXT核心API详解Ext.Toolbar(十八)
工具栏,使用起来很简单,add已准备好的元素就行方法Toolbar( Object/Array config )构造add( Mixed arg1, Mixed arg2, Mixed etc. ) : void增加元素可以是 1:Ext.Toolbar.Button 相当于addButton2:HtmlElement 相当于addElement转载 2008-03-05 22:55:00 · 3922 阅读 · 0 评论 -
Ext.extend 从继承说起
一般的,如果我们定义一个类,会定义一个function对象,然后将公用方法写到其原型上,例如:var Tiger = function(){}Tiger.prototype.Hunting = function(){}但是要建立一个完善的框架或者类库,没有继承帮忙,组织代码将是一件非常辛苦且难以管理的工作。Js中的类是function对象,实现继承,主要要将子类的原型设置为父类的一个实例(这样转载 2008-03-05 23:00:00 · 1158 阅读 · 0 评论 -
EXT核心API详解Ext.widgets(十九)-grid(1)
Ext.grid.ColumnModel用于定义Grid的列用例var colModel = new Ext.grid.ColumnModel([ {header: "Ticker", width: 60, sortable: true}, {header: "Company Name", width: 150, sortable: true} ]);回到ColumnModel转载 2008-03-05 22:56:00 · 1883 阅读 · 0 评论 -
ExtJS2.0实用简明教程——基本表格GridPanel
ExtJS中的表格功能非常强大,包括了排序、缓存、拖动、隐藏某一列、自动显示行号、列汇总、单元格编辑等实用功能。 表格由类Ext.grid.GridPanel定义,继承自Panel,其xtype为grid。ExtJS中,表格Grid必须包含列定义信息,并指定表格的数据存储器Store。表格的列信息由类Ext.grid.ColumnModel定义、而表格的数据存储器由Ext.data.转载 2008-02-23 19:42:00 · 1355 阅读 · 0 评论 -
ExtJS2.0实用简明教程——Card布局
Card布局由Ext.layout.CardLayout类定义,名称为card,该布局将会在容器组件中某一时刻使得只显示一个子元素。可以满足安装向导、Tab选项板等应用中面板显示的需求。看下面的代码:Ext.onReady(function(){ var panel=new Ext.Panel({renderTo:"hello",title:"容器组件",wid转载 2008-02-23 19:40:00 · 797 阅读 · 0 评论 -
ExtJS2.0实用简明教程——Column列布局
Column列布局由Ext.layout.ColumnLayout类定义,名称为column。列布局把整个容器组件看成一列,然后往里面放入子元素的时候,可以通过在子元素中指定使用columnWidth或width来指定子元素所占的列宽度。columnWidth表示使用百分比的形式指定列宽度,而width则是使用绝对象素的方式指定列宽度,在实际应用中可以混合使用两种方式。看下面的代码:Ext.o转载 2008-02-23 19:36:00 · 834 阅读 · 0 评论 -
ExtJS2.0实用简明教程——可编辑表格EditorGridPanel
可编辑表格是指可以直接在表格的单元格对表格的数据进行编辑,ExtJS中的可编辑表格由类Ext.grid.EditorGridPanel表示,xtype为editorgrid。使用EditorGridPanel与使用普通的GridPanel方式一样,区别只是在定义列信息的时候,可以指定某一列使用的编辑即可,下面来看一个简单的示例。Ext.onReady(function(){ var d转载 2008-02-23 19:43:00 · 1823 阅读 · 0 评论 -
ExtJS2.0实用简明教程——Accordion布局
Accordion布局由类Ext.layout.Accordion定义,名称为accordion,表示可折叠的布局,也就是说使用该布局的容器组件中的子元素是可折叠的形式。来看下面的代码:Ext.onReady(function(){ new Ext.Panel({renderTo:"hello",title:"容器组件",width:500,height转载 2008-02-23 19:39:00 · 758 阅读 · 0 评论 -
ExtJS2.0实用简明教程——工具栏Toolbar
面板中可以有工具栏,工具栏可以位于面板顶部或底部,Ext中工具栏是由Ext.Toolbar类表示。工具栏上可以存放按钮、文本、分隔符等内容。面板对象中内置了很多实用的工具栏,可以直接通过面板的tools配置选项往面板头部加入预定义的工具栏选项。比如下面的代码:Ext.onReady(function(){ new Ext.Panel({ renderTo:"hello", title:"h转载 2008-02-23 19:28:00 · 1169 阅读 · 0 评论 -
用Ext编排JavaScript任务
Ext.TaskMgr是ExtJS库中一项未归档的功能,允许以可编程的方式编排调度某项任务。你可反复每隔一定时间地运行,也可以指定每个任务运行的次数、运行的持续时间和运行的频率等等。Ext.TaskMgr其实是Ext.TaskRunner的一个实例,它的源码可以source/util/TaskMgr.js找到。 要编排一个任务,你可以按照以下的语句:Ext.TaskMgr.start(..转载 2008-02-23 11:32:00 · 875 阅读 · 0 评论 -
ExtJS2.0实用简明教程——Fit布局
Column列布局由Ext.layout.ColumnLayout类定义,名称为column。列布局把整个容器组件看成一列,然后往里面放入子元素的时候,可以通过在子元素中指定使用columnWidth或width来指定子元素所占的列宽度。columnWidth表示使用百分比的形式指定列宽度,而width则是使用绝对象素的方式指定列宽度,在实际应用中可以混合使用两种方式。看下面的代码:Ext.o转载 2008-02-23 19:37:00 · 747 阅读 · 0 评论 -
ExtJS2.0实用简明教程——Panel
面板Panel是ExtJS控件的基础,很高级控件都是在面板的基础上扩展的,还有其它大多数控件也都直接或间接有关系。应用程序的界面一般情况下是由一个一个的面板通过不同组织方式形成。面板由以下几个部分组成,一个顶部工具栏、一个底部工具栏、面板头部、面板尾部、面板主区域几个部分组件。面板类中还内置了面板展开、关闭等功能,并 提供一系列可重用的工具按钮使得我们可以轻松实现自定义的行为,面板可以放入其它任转载 2008-02-23 19:27:00 · 836 阅读 · 0 评论 -
ExtJS2.0实用简明教程——事件处理
ExtJS提供了一套强大的事件处理机制,通过这些事件处理机制来响应用户的动作、监控控件状 态变化、更新控件视图信息、与服务器进行交互等等。事件统一由Ext.EventManager对象管理,与浏览器W3C标准事件对象Event相对 应,Ext封装了一个Ext.EventObject事件对象。支持事件处理的类(或接口)为Ext.util.Observable,凡是继承该类的组 件或类都支持往对象中添转载 2008-02-23 19:21:00 · 1206 阅读 · 0 评论 -
ExtJS2.0实用简明教程——组件的使用
组件可以直接通过new 关键子来创建,比如控件一个窗口,使用new Ext.Window(),创建一个表格则使用new Ext.GridPanel()。当然,除了一些普通的组件以外,一般都会在构造函数中通过传递构造参数来创建组件。组件的构造函数中一般都可以包含一个对象,这个对象包含创建组件所需要的配置属性及值,组件根据构造函数中的参数属性值来初始化组件。比如下面的例子: var obj={ti转载 2008-02-23 19:19:00 · 733 阅读 · 0 评论 -
ExtJS2.0实用简明教程——Ext类库简介
ExtJS由一系列的类库组成,一旦页面成功加载了ExtJS库后,我们就可以在页面中通过javascript调用ExtJS的类及控件来实现需要的功能。ExtJS的类库由以下几部分组成:底层API(core):底层API中提供了对DOM操作、查询的封装、事件处理、DOM查询器等基础的功能。其它控件都是建立在这些底层api的基础上,底层api位于源代码目录的core子目录中,包括DomHelper.js转载 2008-02-23 19:16:00 · 1128 阅读 · 1 评论 -
Ext 的代码演示
1 , 在ext 框架中,可以利用Ext.Panel 的autoLoad 属性来加载你需要的公共画面。比如你的logo,还有你的版权声明等等。 具体的使用方式是: 首先,在jsp或者html页面上给出一个位置来放置你准备放置的冬冬。 然后在js中间声明: var Footer = new Ext.Panel(...{ border:false, autoLoad转载 2008-02-15 10:20:00 · 4225 阅读 · 0 评论 -
Ext2.0框架的Grid使用介绍
Ext2.0是一个JS框架,它的Grid控件和其它可以显示数据的控件,能够支持多种数据类型,如二维数组、Json数据和XML数据,甚至包括我们自定义的数据类型。Ext为我们提供了一个桥梁Ext.data.Store,通过它我们可以把任何格式的数据转化成grid可以使用的形式,这样就不需要为每种数据格式写一个grid的实现了。 首先,一个表格应该有列定义,即定义表头ColumnModel://转载 2008-01-25 12:52:00 · 934 阅读 · 1 评论