![](https://img-blog.csdnimg.cn/20201014180756918.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
EXTJS
文章平均质量分 76
kinglino520
这个作者很懒,什么都没留下…
展开
-
Ext.Window+Ext.grid.GridPanel
注:代码提自工程,没做过多的修改,不一定能运行起来,只是贴出来共大家参考,格式太难调了 请谅解,有任何疑义可以联系我。/**//*公共组建:社保经济类型选择窗口2008.03.19 chenyanji条件:需支持Ext.Window/Ext.TabPanel/Ext.data.JsonReader/Ext.grid.Column转载 2009-07-07 14:50:00 · 2865 阅读 · 0 评论 -
Ext JS 2.0的IDE、插件和工具 javascript
Ext 2.0的API包含许多的方法(函数)、属性和配置项,涵盖的面非常大,要全部列出几乎是不可能的。虽然API文档是童叟无欺精心打造的,但实际开发中,若果能够像其它语言Java和C#那样地支持JavaScript代码提示,那就更好啦。可喜的是,有若干的开发环境(IDE)和插件能够支持--并且是直接支持Ext 2.0。Aptana Studio一谈到JavaScript的转载 2009-06-22 16:04:00 · 514 阅读 · 0 评论 -
EXT核心API详解Ext.menu.Menu(十七)
Ext.menu.Menu菜单对象config{ allowOtherMenus : Boolean //允许同时显示其它的菜单? defaultAlign : String //默认对齐方式:tl-bl? defaults : Object //默认的菜单项配置,将会应用到所有的items转载 2009-06-22 16:00:00 · 439 阅读 · 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() { th转载 2009-06-22 15:58:00 · 431 阅读 · 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得到更方便setRootNod转载 2009-06-22 15:56:00 · 453 阅读 · 0 评论 -
EXT核心API详解Ext.Toolbar(十八)
工具栏,使用起来很简单,add已准备好的元素就行方法Toolbar( Object/Array config )构造add( Mixed arg1, Mixed arg2, Mixed etc. ) : void增加元素可以是 1:Ext.Toolbar.Button 相当于addButton2:HtmlElement转载 2009-06-22 16:01:00 · 530 阅读 · 0 评论 -
EXT核心API详解Ext.data(十一)-Store
Ext.data.Storestore是一个为Ext器件提供record对象的存储容器,行为和属性都很象数据表方法:不列举继承来的方法Store( Object config )构造,config定义为{autoLoad : Boolean/Object, //自动载入baseParams : Object, //只有使用httpproxy时才转载 2009-06-22 15:54:00 · 345 阅读 · 0 评论 -
EXT核心API详解Ext.data(十)-DataReader/ArrayReader/JsonReader/XmlReader javascript
Ext.data.DataReader纯虚类,从数据源得到结构化数据转换为元数据对象,对象包含Record的集合,一般用做Store对象的元数据,具有如下格式{totalRecord:int,records:Array of Ext.data.Record}具体使用参见三个子类Ext.data.ArrayReader/Ext.data.JsonReader/E转载 2009-06-22 15:53:00 · 461 阅读 · 0 评论 -
EXT核心API详解Ext.data(九)-DataProxy/HttpProxy/MemoryProxy/ScriptTagProxy javascript
Ext.data.DataProxy数据代理类是一个纯虚类,主要用于生成Ext.data.Record对象,没有公开的属性和方法,只是归定子类需要处理三个事件beforeload : ( Object This, Object params )load : ( Object This, Object o, Object arg )loadexception : ( Objec转载 2009-06-22 15:52:00 · 366 阅读 · 0 评论 -
EXT核心API详解Ext.widgets(二十)-grid(2)
Ext.grid.EditorGridPanel可编辑数据表格Config {clicksToEdit : Number //点几次开始编辑,默认为2}方法EditorGridPanel()构造,应为 EditorGridPanel(Object config)startEditing( Number rowIndex, Number colIndex转载 2009-06-22 16:03:00 · 514 阅读 · 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}转载 2009-06-22 16:02:00 · 514 阅读 · 0 评论 -
Ext xtype && Vtype
Ext2.0对框架进行了非常大的重构,其中最重要的就是形成了一个结构及层次分明的组件体系,由这些组件形成了Ext的控件,Ext组件是由Component类定义,每一种组件都有一个指定的xtype属性值,通过该值可以得到一个组件的类型或者是定义一个指定类型的组件。 组件大致可以分成三大类,即基本组件、工具栏组件、表单及元素组件。基本组件有: xtype转载 2009-06-22 13:53:00 · 853 阅读 · 0 评论 -
Ext2.0中的form使用实例
Ext2.0的form不单增加了时间输入控件、隐藏输入控件,还修改了创建方法,通过formpanel代替了原来form,column也根据新的布局定义更新了定义方式。总体来说,定义一个form更简单便捷了。本文将通过一个实例介绍一下2.0的form的创建以及其大部分控件的使用方法,因水平有限,错漏难免,忘大家多多谅解!我们先来看看我们将要设计的form的情况: 呵呵,转载 2009-06-23 15:50:00 · 911 阅读 · 0 评论 -
Ext的Layout布局
我们都知道java中有布局管理器的概念,通过调整布局器可以简化我们对可视组件的管理。而在Ext中同样提供了自己的布局实现,以简化web界面的开发与定制。如下图所示,Ext的Layout可分解为东、西、南、北、中5个基本区域。在ExtJS2.0实现中,我们可以写成如下代码样式。ExtJS2.0配置方法如下:初识ExtJSLayoutExt.js Ja转载 2009-07-07 14:37:00 · 2612 阅读 · 2 评论 -
EXT 方法集锦
1. ext的tbar中加入其他的元素方法Js代码 tbar: [ 公司名称:, {xtype:textfield,width:200,id:sDepName,name:sDepName},{xtype:tbseparator},转载 2009-07-07 14:53:00 · 1958 阅读 · 1 评论 -
单击Button弹出和双击Grid弹出,获取动画焦点的方式不同
index.js HelloWindow = function () { var win = this ;转载 2009-07-07 14:39:00 · 612 阅读 · 0 评论 -
Ext中Resizable的使用方法
var ResizableExample = { init: function(){ var basic = new Ext.Resizable(basic, { width: 200, height: 100, minWidth:100, minHeight:转载 2009-06-26 09:42:00 · 1489 阅读 · 0 评论 -
Ext.MessageBox.show()方法的使用
功能很强大,采用config配置形式,比前面的方法使用更方便。 参数很多,在此列举最常用的配置参数:1.animEl:对话框弹出和关闭时的动画效果,比如设置为“id1”,则从id1处弹出并产生动画,收缩则相反2.buttons:弹出框按钮的设置,主要有以下几种:Ext.Msg.OK, E转载 2009-06-25 11:08:00 · 1361 阅读 · 0 评论 -
Ext.data-Store
方法:不列举继承来的方法Store( Object config )构造,config定义为{ autoLoad : Boolean/Object, //自动载入 baseParams : Object, //只有使用httpproxy时才有意义 data : Array, //数据 proxy : Ext.data.DataProxy,//数据转载 2009-06-24 16:16:00 · 579 阅读 · 0 评论 -
EXT提交服务器的三种方式
1. EXT提交服务器的三种方式 1, EXT的form表单ajax提交(默认提交方式) 相对单独的ajax提交来说优点在于能省略写参数数组 将按钮添加单击事件,执行以下方法 java 代码Java代码 1. function login(item) { 2.转载 2009-06-23 17:18:00 · 575 阅读 · 0 评论 -
初步搭建yui-ext(Ajax)的开发环境(后台->前台数据交换)
如果看过yui-ext的例子,相信大家很想把它用在实际项目中去,我这两个星期都在研究它,国内几乎没有资料,只能从http://www.jackslocum.com的论坛找,我现在简单介绍一下我的实际开发环境: 我的项目原来的开发环境是Struts+Spring1.2.8+Hibernate3.1.2,现在要把页面的jsp+jstl,和Struts的Action转换成yui-转载 2009-06-23 17:33:00 · 1467 阅读 · 1 评论 -
EXT程序设计规划入门
本教程假设你已经安装好ExtJS库。安装的目录是extjs 并位于你程序的上一级目录。如果安装在其它地方你必须更改路径,更改示例文件中script标签的src的属性。需要些什么?除ExtJS库本身外,我们还需要两个文件:applayout.html applayout.js 先看看一份html文档,比较精简。并附有详细说明:applayout.ht转载 2009-06-23 17:00:00 · 476 阅读 · 0 评论 -
Ext.extend方法
extend(Object subclass,Object superclass,[Object overrides] : Object 第一个参数:子类 第二个参数:父类 第三个参数:要覆盖的属性。 这里需要强调一下,子类继承下来的是父类中通过superclass.prototype方式定义的属性(包括用此方法定义的函数)。 使用方式使用示例假设有原创 2009-06-24 15:35:00 · 3226 阅读 · 5 评论 -
EXT核心API详解Ext.widgets(十六)-form(下)
Ext.form.NumberField继承自Ext.form.TextField,因为Ext.form.TextField虽然强大,但写起来的确还是有点麻烦,后面的类都继承自Ext.form.TextField,没有自定义的方法,属性和事件config定义为{ allowDecimals : Boolean //true allowNegat转载 2009-06-22 15:59:00 · 390 阅读 · 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(bool转载 2009-06-22 15:57:00 · 460 阅读 · 0 评论 -
extJs 2.1学习笔记(Function扩展篇)
ExtJs对JavaScript的内建对象进行了扩展,对什么Object、Date、Array、Function、String的扩展,扩展方法想必诸位都烂熟于心了:用prototype的办法。这一篇讲一讲Function扩展的精妙之处,之所以突然研究这个问题,是因为我在研究Ext.data.Store的源代码时,看到一行代码: this.reader.onMetaChange =转载 2009-06-11 13:46:00 · 541 阅读 · 0 评论 -
11.2.3 脚本调试
11.2.2 CSS调试11.2.3 脚本调试Firebug的脚本调试功能相当强大。将选项卡换到"脚本",如图11.20所示,在Firebug窗口顶部与CSS面板一样,有一个文件列表按钮。在右边有4个按钮和一个搜索框。 (点击查看大图)图11.20 "脚本"选项卡这里4个按钮的作用与Delphi等IDE工具的调试按钮一转载 2009-06-11 16:49:00 · 419 阅读 · 0 评论 -
11.2.1 源代码调试(1)
11.2 使用Firebug进行调试在Firebug中可进行源代码、CSS、脚本和DOM等调试,基本上涵盖了页面调试的各个方面,是一个非常好的整合调试平台。11.2.1 源代码调试(1)浏览器自带的源代码查看功能提供的是页面实际源代码,不是页面显示的最终源代码,这在早期已满足我们的需要,但是随着Web 2.0的使用,越来越多的页面内容是通过脚本生成的,这就无法满足我们转载 2009-06-11 16:47:00 · 418 阅读 · 0 评论 -
10.2 实时换肤功能
10.2 实时换肤功能在本章的开始,我们已经谈到了实时换肤功能。大家应该都熟悉目前很流行的聊天工具如腾讯的QQ,微软的MSN,我们都可以根据自己的喜好来更换自己的皮肤颜色,更换后,整个聊天工具的面板都会变为你选择的颜色,所见即所得,非常方便。在应用系统中,如果能够实现系统的实时换肤功能,那么无疑会为你的应用增添一个有力的竞争手段。实时换肤功能的实现原理是什么呢?在Ext转载 2009-06-11 16:41:00 · 454 阅读 · 0 评论 -
Ext store 过滤数据技巧
//若action返回的是男性的一个Json姓名集合。当你想要的只是那些姓王或者姓张的,那你就可以用 filterBy方法进行如下过滤。 var firstName; var store = new Ext.data.JsonStore({ url : ../users/view.action?gender=+gender, root : re转载 2009-06-11 13:47:00 · 789 阅读 · 0 评论 -
extJs 2.1学习笔记(Ext.TabPanel篇)
Ext.TabPanel这个东西是最常用的组件之一,它继承自Ext.Panel。看了一个下午的源代码,对它的一些基本原理有所了解了。 下面要讲一些问题,这些问题绝对是本人独门秘笈,非入室弟子不传。哈哈哈。 一、组件的组成: 因为继承自Ext.Panel,所以,它也是由header、tbar、body、bbar、footer这几个部分构成,有人问:TabPane转载 2009-06-11 13:44:00 · 857 阅读 · 0 评论 -
extJs 2.1学习笔记(Ext.data.JsonReader篇二)
有了上一篇中所讲内容,一般情况下就可以应付了,不过,JsonReader有一些细节问题,还要细究。待某家一一道来。 构造函数已讲,下面依代码顺序讲解了。 read : function(response){ var json = response.responseText; var o = eval("("+json+")");转载 2009-06-11 13:44:00 · 825 阅读 · 0 评论 -
11.5 在IE中使用Firebug
11.5 在IE中使用FirebugFirebug是Firefox的一个扩展,但是习惯在IE中调试页面怎么办?如果在脚本中使用了Firebug的调试函数,势必会在IE里会产生错误,怎么办?不用担心,Firebug提供了Firebug Lite,通过它就可以在IE中正常使用Firebug的调试函数。要使用Firebug Lite,需要到以下地址下载firebug-lite.j转载 2009-06-11 16:51:00 · 2435 阅读 · 1 评论 -
学习YUI.Ext 第三天:EXT:Menu组件
概述: 讲讲如何使用Ext菜单器件这篇教程中,我们将学习使用Ext的菜单器件(Menu Widgets)。假设读者已经阅读过Ext简介一文,并懂得一些Ext的基本相关知识。菜单器件是Ext库中较迟实现的器件。它由几个类联合构成,使得创建一个菜单只需若干代码块(Block of code)。开始!第一步要做的是,下载本教程的示例文件。Zip文件包括三个文件:Ex转载 2009-06-09 09:34:00 · 449 阅读 · 0 评论 -
ExtJS 2.2事件机制(详细)
ExtJS事件机制是ExtJS架构体系中核心部分。它不但扩展浏览器Dom元素事件,使其兼容于各大主流浏览器,而且它采用观察者模式的来架构组件的事件机制,为组件提供了良好的扩展性。 本章从浏览器事件讲起,结合浏览事件机制来阐述ExtJS对其扩展。对于组件事件机制,我们将剖析其实现并结合实例来应用它。最终让读者能深入地了解和应用整个ExtJS事件机制。 本章主要内容: ExtJS转载 2009-07-29 17:04:00 · 859 阅读 · 0 评论 -
10.1 从Ext.BLANK_IMAGE_URL说起
第10章 定制Ext外观毋庸置疑,软件系统中现今的外观方案应该是能灵活更换的,应该是能够跨越平台之间差异的。基于Ajax的方案的界面是一种集成了各种标准技术的产物,因此在不同的浏览器、不同的平台上,所渲染出来的效果或者是所表达的软件质感、外观都应是一致的,无须考虑硬件、系统的直接因素。这种"放之四海而皆准"的标准技术反而将跨平台这一美好的愿望体现出来。所谓标准会促进生产力发转载 2009-06-11 16:40:00 · 466 阅读 · 0 评论 -
10.3 本地化Ext(1)
10.3 本地化Ext(1)"橘生淮南则为橘,生于淮北则为枳"。同样一件东西,在不同的地域和语言文化环境下,会有不同的称谓和使用习惯。何谓本地化?简单说来,就是根据当地的语言文化情况和市场特征,对目标信息和产品的再次加工。举个例子,法国生产的化妆品希望进入中国卖给中国消费者,商家必须根据中国妇女的皮肤特性、中国化妆品市场情况等制定产品策略和价格策略,进行市场营销,这个过程就转载 2009-06-11 16:42:00 · 496 阅读 · 0 评论 -
EXT核心API详解Ext.data(十二)-GroupingStore/JsonStore/SimpleStore javascript
Ext.data.GroupingStore继承自Ext.data.Store,为Store增加了分组功能.其它用法与Store一致,惟一需要注意的是使用GroupingStore时必须指定sortInfo信息增加了配置属性groupField : String//用于分组的字段groupOnSort : Boolean//如果为真,将依排序字段重新分组,默认为假remote转载 2009-06-22 15:55:00 · 545 阅读 · 0 评论 -
EXT核心API详解Ext.data(八)- Connection/Ajax/Record javascript
Ext.data.Connection访问指定的url,这是个异步调用类,如果想得到服务器信息,请在request参数中指定callback方法或指定侦听者(对文件上传无效)Connection( Object config )构造,config定义为{autoAbort : Boolean,defaultHeaders : Object,disableCachi转载 2009-06-22 15:51:00 · 379 阅读 · 0 评论 -
11.7 小结
11.7 小结Firebug是相当不错的脚本和页面调试平台,虽然DebugBar和Companion.js有类似功能,但是和Firebug比较还是有不少差距,所以建议读者在调试阶段还是使用Firebug作为调试工具。尤其是在使用Ext、有大量脚本的情况下,Firebug确实是一个好的选择。转载 2009-06-11 16:53:00 · 364 阅读 · 0 评论