随笔分类 - Extjs

Extjs
摘要:使用spket的snippets加快ext开发:常用模板:列布局{layout:'column',items: [{columnWidth:.5,layout: 'form',items:[]},{columnWidth:.5,layout: 'form',items:[]}]}fieldset{xtype:"fieldset",title:"${标题}",collapsible:true,split:true,collapseMode:'mini',region:'north 阅读全文
posted @ 2012-04-14 21:20 meetrice 阅读 (1206) | 评论 (0) 编辑
摘要:以前我使用这个方式来做: listeners:{'focus':{fn:function(e){e.onTriggerClick();},buffer:200}},这个方法有一个问题就是用户在点击下拉箭头时,会同时触发focus和expand事件,而onTriggerClick中包含expand事件,故会两次触发expand事件,造成冲突。解决方法如下:,listeners:{'focus':{fn:function(e){e.expand();this.doQuery(this.allQuery, true);},buffer:200}}, 阅读全文
posted @ 2012-04-14 20:37 meetrice 阅读 (1848) | 评论 (0) 编辑
摘要:ext窗口复杂布局中出现滚动条,删掉 autoScroll:true 阅读全文
posted @ 2012-04-12 20:14 meetrice 阅读 (900) | 评论 (0) 编辑
摘要:spket的document无法显示文档的解决方法,将插件替换http://www.agpad.com/downloads/com.spket.js_1.6.22.jar 阅读全文
posted @ 2012-04-12 19:04 meetrice 阅读 (164) | 评论 (0) 编辑
摘要:/** * 表单全键盘导航功能 xFocus:可选参数,用于设定页面加载完成后默认获取焦点的表单项,支持索引号和id/dom类型参数传入。 */ var keyNav = function(xFocus) { var run = function() { //查找所有非隐藏的录入项,排除掉css的class等于"x-tbar-page-number"的项,就是Ext Grid的分页条中的一个输入框 //遇到类似特殊情况都可以这么排除 var all = Ext.DomQuery.select('input[type!=hidden][class!="x-t 阅读全文
posted @ 2012-03-12 10:55 meetrice 阅读 (458) | 评论 (0) 编辑
摘要:com.awd.jlsjlsgl.queryformpanel = Ext.extend(Ext.form.FormPanel,{initComponent:function() {Ext.apply(this,{labelAlign:'right',labelWidth:80,defaultType:'textfield',bodyStyle:'padding:20px;',defaults:{width:290},items:[{xtype:'panel',html:'请在下面输入查询条件:',width:37 阅读全文
posted @ 2011-12-02 20:36 meetrice 阅读 (365) | 评论 (0) 编辑
摘要:让标签面板默认不加载的办法:xtype:"tabpanel",deferredRender:false同时不要设置activeTab属性. 阅读全文
posted @ 2011-04-06 10:51 meetrice 阅读 (235) | 评论 (0) 编辑
摘要:必填项的label后面加星号Ext.form.TextField.override({initComponent:Ext.form.TextField.prototype.initComponent.createInterceptor(function(){if(this.allowBlank===false&&this.fieldLabel){this.fieldLabel+='<fontcolor=red>*</font>';}})});所有的输入项如果配置了allowBlack为false,它的label后面就都会有红星号了,方便日 阅读全文
posted @ 2011-04-06 10:50 meetrice 阅读 (1174) | 评论 (0) 编辑
摘要:代码选中本行后,触发行点击事件。[代码] 阅读全文
posted @ 2010-08-14 13:37 meetrice 阅读 (666) | 评论 (1) 编辑
摘要:[代码] 阅读全文
posted @ 2010-08-14 01:34 meetrice 阅读 (907) | 评论 (1) 编辑
摘要:<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"><html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <... 阅读全文
posted @ 2010-07-30 00:21 meetrice 阅读 (359) | 评论 (0) 编辑
摘要:本章内容qExt.data简介qExt.data.ConnectionqExt.data.RecordqExt.data.Storeq常用proxyq常用readerq高级storeqEXT中的Ajaxq关于scope和createDelegate()qDWR与EXT整合10.1 Ext.data简介Ext.data在命名空间中定义了一系列store、reader和proxy。Grid和Combo... 阅读全文
posted @ 2009-11-17 17:21 meetrice 阅读 (8502) | 评论 (1) 编辑
摘要:JSON(JavaScript Object Notation) 是一种轻量级的数据交换格式。易于人阅读和编写。同时也易于机器解析和生成。它基于JavaScript Programming Language, Standard ECMA-262 3rd Edition – December 1999的一个子集。 JSON采用完全独立于语言的文本格式,但是也使用了类似于C语言家族的习惯(... 阅读全文
posted @ 2009-10-28 13:33 meetrice 阅读 (7126) | 评论 (2) 编辑
摘要:[代码]用法:[代码] 阅读全文
posted @ 2009-08-21 13:04 meetrice 阅读 (755) | 评论 (0) 编辑
摘要:[代码]Model中的使用方法[代码]根据注解输出json的方法[代码]测试的返回list方法[代码]combo简单store定义扩展:[代码]Ext界面代码[代码] 阅读全文
posted @ 2009-08-17 23:34 meetrice 阅读 (777) | 评论 (0) 编辑
摘要:Ext.override(Ext.Toolbar.TextItem, { setText : function(text){ var element = Ext.get(this.el); element.update(text); }}); 阅读全文
posted @ 2009-08-06 20:45 meetrice 阅读 (749) | 评论 (0) 编辑
摘要:[代码] 阅读全文
posted @ 2009-07-06 14:28 meetrice 阅读 (2690) | 评论 (1) 编辑
摘要:前言我决定为那些使用ext2的用户写这篇文章,那些从html嵌入一些小脚本来生成窗口或表单的幼稚时代走过来的人,给那些给长长的代码,有无序结构作斗争的人.一个问题 ,有多少人解决,就有多少种办法和方案,不一定按照我的方法来做才是最好的.只不过我真的想告诉你,以下这个方案是可行的,具有清晰结构,和易维护的,简单的说就是,It works!什么是"大应用"同时要在一个文件里用到ViewPort boa... 阅读全文
posted @ 2009-07-04 20:36 meetrice 阅读 (1012) | 评论 (1) 编辑
摘要:http://gridsearch.extjs.eu/ 阅读全文
posted @ 2009-07-03 08:48 meetrice 阅读 (286) | 评论 (0) 编辑
摘要:在实际的网页开发中,大部分时间都要涉及到Form表单的处理。在Ext框架中也提供了很多这方面的控件,而且还有一个专门的FormPanel布 局,该布局默认为放在面板上面的所有控件都是换行放置,而在实际应用中为了美观,有些需要横排,特别是Radio控件,这个时候就需要我们重新定制这些控 件的布局了,该例子中使用CSS来实现这些功能,先贴出一张效果图。 Ext中FormPanel面板及Form控件横... 阅读全文
posted @ 2008-07-09 17:02 meetrice 阅读 (2281) | 评论 (3) 编辑
摘要:Ext 2.0.1 Grid 增删改 & DWR 1 实例 - 操作数据库版本(带源码) 友情提示 : 下载微软网盘文件时关闭下载工具 , 否则你将得到错误的文件 , 双击 EXE 会出来 DOS 窗口 . 正确操作是点击文件名后能看到显示下载链接和文件大小等信息 . 微软的网盘终于又能用了,5G空间呢,微软就是有钱啊. http://cid-519b3f7aa2172030.skydri... 阅读全文
posted @ 2008-06-25 18:27 meetrice 阅读 (2698) | 评论 (0) 编辑
摘要:在JavaScript中,函数是可以带有方法的对象。Ext库提供的扩展会对Function对象——包括内建的函数、你定义的函数,这些都会继承。添加这些的方法能方便地绑定函数到特定的作用域。 Contents[hide] 1 作用域的重要性 2 委托和回调 2.1 createDelegate 2.2 createCallback 3 AOP功能 3.1 createIn... 阅读全文
posted @ 2008-06-24 18:01 meetrice 阅读 (810) | 评论 (0) 编辑
摘要:以下是学习过程中记下来的一些小技巧,一定会有错,不保证全对,因为我也刚接触,只是将我的经验列一下.1) 如果组件之间嵌套比较多的话,外面的Contaner 应尽量不要使用的 renderTo的属性来加载到某个div的id中,应尽量在定义了Contaner后,用obj.render('id') 这个方面来加载组件,可以减少错误2) 最好在最外层的Contaner组件(不是页面html,是extjs组... 阅读全文
posted @ 2008-06-24 14:31 meetrice 阅读 (2304) | 评论 (1) 编辑
摘要:BUG 症状:拖动分割栏或resize的时候,出现"未指明的错误" 1.打开ext-base.js2. 找到getBoundingClientRect()3.替换为 // this is from the minified versiontry{M=G.getBoundingClientRect();N=C(document).getScroll();return[M.left+N.left,M.... 阅读全文
posted @ 2008-06-24 10:29 meetrice 阅读 (868) | 评论 (1) 编辑
摘要:使用说明:使用本工具类,可以快速从xml和json文件中创建EXT树.预览:tree.html: jsontree.js: function createJsonTree(el, url, callback) { var tree = new Ext.tree.TreePanel({ el : el, animate : true, border :... 阅读全文
posted @ 2008-06-18 10:56 meetrice 阅读 (3941) | 评论 (1) 编辑
摘要:这两天查阅了N多资料,看了很多的论坛,打算解决如何从store里面读取数据的问题,一开始我可以从Json中返回的store里面读取数据,但是在如何使用xml就不可以.而我要的恰恰是如何从xml里面读取数据,所以一直在寻找这样类似的方法,我们可以从它的api里面看到store.getAt(0)这样的方法,但是如果我们直接这么使用的话,就会出现一个错误,提示getAt函数所包含的数据为空,那么我们跟... 阅读全文
posted @ 2008-06-17 16:34 meetrice 阅读 (1902) | 评论 (0) 编辑
摘要:下载 阅读全文
posted @ 2008-06-17 00:11 meetrice 阅读 (2258) | 评论 (0) 编辑
摘要:前一段一直在用Ext,可是在扩展的时候总是遇到问题,索性看Ext的源码,但是发现有很多createDelegate这个方法、一直不解,最近经高人点播,了解一二。 所属类:Function createDelegate( [Object obj], [Array args], [Boolean/Number appendArgs] ) :这个函数的目的是创建委托。 功能:什么都不多说了。看例子 E... 阅读全文
posted @ 2008-06-16 23:24 meetrice 阅读 (1617) | 评论 (0) 编辑
摘要:MYOIS是一个使用PHP作为开发语言的B/S模式信息管理软件系统。MYOIS包括了PHP开发框架、WEB UI组件,应用程序软件模块的一个软件系统,但并不是一个真正的应用软件,但由其中的模块组合及再通过二次开发就可以派生出多个软件,比如OA,CRM,HR,CMS等。MYOIS和开发框架相比是在开发框架之上已经开发了现成的应用模块并可以使用,并拥有丰富的模块程序,它是在应用软件之上的系统,而开发框... 阅读全文
posted @ 2008-06-16 22:58 meetrice 阅读 (1581) | 评论 (0) 编辑
摘要:Ext Application id="myDiv" 阅读全文
posted @ 2008-06-16 20:50 meetrice 阅读 (1653) | 评论 (2) 编辑
摘要:在开发EXT中,我分别使用了Aptana和Spket 一、Spket的安装1、Plugin:最低要求: eclipse平台运行时3.2.x ,文件为: spket-1.6.4.1.zip(与别的插件的安装无异,相信不用我多说了吧2、Spket IDE:最低要求:你需要java 1.5或更高版本运行安装程序,可独立使用(不用装Eclipse文件为:spket-1.6.4.1.jar安装步骤:1、打开... 阅读全文
posted @ 2008-06-16 15:53 meetrice 阅读 (15760) | 评论 (0) 编辑
摘要:package utils;import java.util.ArrayList;public class Json{ public static void main(String[] args) { Json json = new Json(); json.reSet(); json.setSuccess(true); fo... 阅读全文
posted @ 2008-06-11 11:18 meetrice 阅读 (915) | 评论 (0) 编辑
摘要:get-images.jsp: Regexp.java package utils;import java.util.ArrayList;import java.util.HashMap;import java.util.List;import java.util.Set;import java.util.TreeSet;import org.apache.oro.text.regex.Malf... 阅读全文
posted @ 2008-06-10 15:31 meetrice 阅读 (440) | 评论 (0) 编辑
摘要:预览:代码: Ext.BLANK_IMAGE_URL = 'js/ext-2.0/resources/images/default/s.gif';Ext.onReady(function() { Ext.QuickTips.init(); Ext.form.Field.prototype.msgTarget = 'side'; var items = [["123", "中华人民... 阅读全文
posted @ 2008-06-02 15:25 meetrice 阅读 (3217) | 评论 (2) 编辑
摘要:程序规划入门 From Learn About the Ext JavaScript Library Jump to: navigation, search Summary: 在本教程将助你合理地规划一个应用程序。 Author: Jozef Sakalos(译者:Frank Cheung) Published: August 27, 2007 Ext Vers... 阅读全文
posted @ 2008-05-31 15:59 meetrice 阅读 (1005) | 评论 (1) 编辑
摘要:预览:版本 3.0最近更新:1.已修正不可拖回可选框的BUG,2.增加超出高度自动滚动 ,修改ext-all.css .x-fieldset-body { OVERFLOW: auto}下载地址:http://cn.ziddu.com/download.php?uid=aKybmpymbKuampzzaKqZnJGla6eclZg%3D6 原文 引用地址:http://www.extjs.com/... 阅读全文
posted @ 2008-05-31 08:25 meetrice 阅读 (4960) | 评论 (2) 编辑
摘要:引用地址:http://www.extjs.com/forum/showthread.php?t=26146 Ext.ux.form.LovField Hi,I wrote a form extension that works like Oracle's LOV(list of values).Demo : http://madrabaz.com/ext/ux/LovField/demo/... 阅读全文
posted @ 2008-05-31 08:23 meetrice 阅读 (610) | 评论 (0) 编辑
摘要:网址:http://fins.javaeye.com/blog/1738182008-03-20更新一个临时解决方案. 测试发现,Ext2.02在IE下无法正常释放被删除的元素(当该元素被注册了事件时) 经过分析 发现ext事件机制中的一个bug ( bug 具体描述见: http://fins.javaeye.com/blog/173218 测试使用工具见: http://fins.javaey... 阅读全文
posted @ 2008-05-29 17:45 meetrice 阅读 (1010) | 评论 (0) 编辑
摘要:1.jsp的utf-8编码,不能解析gbk 编码的js文件,汗!排查了几个小时 阅读全文
posted @ 2008-05-29 11:12 meetrice 阅读 (462) | 评论 (0) 编辑
摘要:xmlreader: var reader = new Ext.data.XmlReader({ record : "row" }, [{ name : 'paramName' }]); var ds = new Ext.data.Store({ url : '../datasource.xml', reader :... 阅读全文
posted @ 2008-05-29 09:36 meetrice 阅读 (255) | 评论 (0) 编辑
摘要:预览:demo.html: treeloader.js: /**//** * @include "js/Ext.ux.MyTreeLoader/ColumnNodeUI.js" * @include "js/Ext.ux.MyTreeLoader/MyTreeLoader.js" * @include "js/Ext.ux.MyTreeLoader/TreeNodeProvider.js" */E... 阅读全文
posted @ 2008-05-28 16:31 meetrice 阅读 (2413) | 评论 (0) 编辑
摘要:这个扩展是对Ext.tree.TreeLoader 的功能的增强,可以让TreePanel 通过不同ajax方式调用的数据对象。预览:Extension goal:The main goal of the extension is to extend the Ext.tree.TreeLoader so that you can update a TreePanel by manipulating... 阅读全文
posted @ 2008-05-27 13:58 meetrice 阅读 (1595) | 评论 (0) 编辑
摘要:预览:调用方法: EXT扩展组件: Ext.form.MultiSelectField = Ext.extend(Ext.form.TriggerField, { readOnly : true, defaultAutoCreate : { tag : "input", type : "text", size : "24", au... 阅读全文
posted @ 2008-05-24 11:44 meetrice 阅读 (3767) | 评论 (2) 编辑
摘要:Manual:Component:扩展或插件 zh-CN From Learn About the Ext JavaScript Library Jump to: navigation, search Summary: 辨析Ext Extensions(扩展)与Plugins(插件)之间的关系。 Author: Jozef Sakalos, aka Saki (译者:Frank C... 阅读全文
posted @ 2008-05-24 10:52 meetrice 阅读 (858) | 评论 (0) 编辑
摘要:自已扩展EXT组件 From Learn About the Ext JavaScript Library Jump to: navigation, search Summary: Gives an overview on how to extend Components in Ext and provides links to the many great articles that... 阅读全文
posted @ 2008-05-24 10:49 meetrice 阅读 (1427) | 评论 (0) 编辑
摘要:Tutorial:Extending Ext2 Class (Chinese) From Learn About the Ext JavaScript Library Jump to: navigation, search Summary: 本文为您介绍扩展EXT组件类所需的几个步骤。 Author: Jozef Sakalos(译者:Frank Chueng) Publish... 阅读全文
posted @ 2008-05-23 23:56 meetrice 阅读 (646) | 评论 (0) 编辑
摘要:Tutorial:TabPanel Basics (Chinese) From Learn About the Ext JavaScript Library Jump to: navigation, search Summary: 对Tab标签页的使用作简单地介绍 Author: Robin Percy (译者:Frank Cheung) Published: 2007年十一月... 阅读全文
posted @ 2008-05-23 23:51 meetrice 阅读 (1187) | 评论 (0) 编辑
摘要:Tutorial:Events Explained From Learn About the Ext JavaScript Library Jump to: navigation, search Summary: This tutorial will explain what events are and how they are used in Ext. Author: Joze... 阅读全文
posted @ 2008-05-23 23:49 meetrice 阅读 (544) | 评论 (0) 编辑
摘要:Tutorial:DomQuery v1.1 Advanced From Learn About the Ext JavaScript Library Jump to: navigation, search Summary: DomQuery Advanced Author: Bernard Chhun Published: september 13th 2007 Ext ... 阅读全文
posted @ 2008-05-23 23:48 meetrice 阅读 (213) | 评论 (0) 编辑
摘要:Tutorial:DomQuery Basics(Chinese) From Learn About the Ext JavaScript Library Jump to: navigation, search Summary: DomQuery基础 Author: Bernard Chhun (译者:Frank Cheung) Published: 2007-8-5 Ex... 阅读全文
posted @ 2008-05-23 23:47 meetrice 阅读 (297) | 评论 (0) 编辑
摘要:Tutorial:Xtype defined (Chinese) From Learn About the Ext JavaScript Library Jump to: navigation, search Summary: 本教程为大家解释xtype的含义。 Author: Jozef Sakalos(译者:Frank Cheung) Published: 2008五月九号... 阅读全文
posted @ 2008-05-23 23:45 meetrice 阅读 (660) | 评论 (0) 编辑
摘要:Tutorial:Localizing Ext (Chinese) From Learn About the Ext JavaScript Library Jump to: navigation, search Summary: 如何本地化ext的教程 Author: Jozef Sakalos(译者:Frank Cheung) Published: March 9, 2008... 阅读全文
posted @ 2008-05-23 23:44 meetrice 阅读 (802) | 评论 (0) 编辑
摘要:This is my first stab at a tutorial, so hopefully it works out! Thanks to crafter for his code examples in this thread: http://extjs.com/forum/showthread.php?t=26320 Contents[hide] 1 Entry Poi... 阅读全文
posted @ 2008-05-23 23:42 meetrice 阅读 (1049) | 评论 (0) 编辑
摘要:Tutorial:Writing a Big Application in Ext From Learn About the Ext JavaScript Library Jump to: navigation, search Summary: This tutorial helps you to write a big application in Ext. Author: Jo... 阅读全文
posted @ 2008-05-23 23:40 meetrice 阅读 (927) | 评论 (1) 编辑
摘要:Tutorial:Application Layout for Beginners (Chinese) From Learn About the Ext JavaScript Library Jump to: navigation, search Summary: 在本教程将助你合理地规划一个应用程序。 Author: Jozef Sakalos(译者:Frank Cheung) ... 阅读全文
posted @ 2008-05-23 23:38 meetrice 阅读 (289) | 评论 (0) 编辑
摘要:In this small tutorial, we'll try to build an Ext form that will submit in the tradional way, like all regular html forms Introduction As a programmer, you may know PHP (or ASP, or any other server-... 阅读全文
posted @ 2008-05-23 23:32 meetrice 阅读 (2090) | 评论 (0) 编辑
摘要: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 ... 阅读全文
posted @ 2008-05-23 23:30 meetrice 阅读 (612) | 评论 (0) 编辑
摘要:Contents[hide] 1 事前准备 2 定义 3 正式开始 4 window对象 5 理解作用域 6 变量的可见度 事前准备 学习本教程的最佳方法是随手准备好Firefox中的工具Firebug。这样使得您可以即刻测试教程的例子。 如果机子上还没有FireFox和FireBug,就应该尽快安装一套来用。 定义 作用域scope1.(名词)某样事物执行、操作... 阅读全文
posted @ 2008-05-23 23:25 meetrice 阅读 (4178) | 评论 (3) 编辑
摘要: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 ... 阅读全文
posted @ 2008-05-23 23:22 meetrice 阅读 (373) | 评论 (0) 编辑
摘要: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社... 阅读全文
posted @ 2008-05-23 23:20 meetrice 阅读 (936) | 评论 (0) 编辑
摘要: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... 阅读全文
posted @ 2008-05-23 23:18 meetrice 阅读 (557) | 评论 (0) 编辑
摘要:本教程适用于Ext 2.0的版本,而版本1.x仍可找到。 无论你是Ext库的新手,抑或是想了解Ext的人,本篇文章的内容都适合你。本文将简单地介绍Ext的几个基本概念,和如何快速地做出一个动态的页面并运行起来,假设读者已具备了一些JavaScript经验和简单了解HTML的文档对象模型(document object model ,DOM)。 下载Ext 如果你未曾下载过,那应从官方网站那里... 阅读全文
posted @ 2008-05-23 23:16 meetrice 阅读 (687) | 评论 (0) 编辑
摘要:前段时间写jsfw [ JavaScript FrameWork ],写完后发现每刷新一次内存就升大几百K,用一个小时IE内存占用高到一两百M。看了以下文章,五个分类我犯了四个,问题是找到了,不过改起来很累 ---------------------------以下文章不知道是从哪Copy来的------------------- 在IE下的JS编程中,以下的编程方式都会造成即使关闭IE也无法... 阅读全文
posted @ 2008-05-23 22:39 meetrice 阅读 (1378) | 评论 (0) 编辑
摘要:AnchorLayout是最简单的布局管理其,它只是将元素按照配置的属性在元素容器中进行定位。 让我们看一下它的render方法以理解如果进行布局: onLayout : function(ct, target){ Ext.layout.AnchorLayout.superclass.onLayout.call(this, ct, target); //获取元素的尺寸 ... 阅读全文
posted @ 2008-05-23 22:35 meetrice 阅读 (641) | 评论 (0) 编辑
摘要:如果学习了Container,你回发现,在Ext2.0中,Container和Layout的关系是密不可分的。任何Container都需要在render方法中使用layout对象进行布局。 让我们先看一下所有layout的父类:ContainerLayout。 实际上,对容器及其item的渲染都是在layout对象的layout方法中实现的。而layout方法是在resize事件中触发的,... 阅读全文
posted @ 2008-05-23 22:34 meetrice 阅读 (710) | 评论 (0) 编辑
摘要:BoxComponent继承了Component,主要是实现了设置组件的宽度、高度以及位置(相对于容器或相对于document.body),他的实现较为简单,需要注意的是: 1.BoxComponent可以通过resizeEl属性设置进行调整大小的对象,positionEl属性设置调整位置的对象,并且在render事件中进行设置,将属性封装为Ext.element对象; 2.se... 阅读全文
posted @ 2008-05-23 22:31 meetrice 阅读 (1626) | 评论 (1) 编辑
摘要:在这里,我们引用Ext Overview中的Component life cycle对组件的功能进行相应的总结: [list=1] 配置项对象生效: 组件对象的构造器会把全部的配置项传入到其子类中去,并且进行下列所有的步骤。 组件的底层事件创建 这些事件由组件对象负责触发。事件有enable, disable, beforeshow, show, beforehide, hide, befor... 阅读全文
posted @ 2008-05-23 22:26 meetrice 阅读 (481) | 评论 (0) 编辑
摘要:首先,让我们回忆一下对于组件的讨论: 1.只有配置了applyTo或renderTo属性才会在构建组件时立刻进行render方法的调用; 2.如果是applyTo属性,则会对component的容器进行渲染;renderTo则是对component进行渲染; 现在,让我们看一下render方法的实现: render : function(container, position){... 阅读全文
posted @ 2008-05-23 22:25 meetrice 阅读 (1590) | 评论 (0) 编辑
摘要:在Ext2.0中,Component是一切Widget的父类,所有的Widget都继承与它,而他又继承自Observable,因此,它天生就具备了对于事件的处理能力。 首先,让我们看一下它的构建器,它的构建器可以传入三种类型的对象: 对象(该对象的initailConfig属性为真正的配置对象;isAction属性决定了该参数是否是一个Ext.Action对象,如果是Ext.Action对象则注册... 阅读全文
posted @ 2008-05-23 22:23 meetrice 阅读 (779) | 评论 (0) 编辑
摘要:Observable维护了一个events数组,并提供了更加方便的对于事件的封装和调用机制。同Event一样,它也提供了addListener、removeListener方法。它提供的addListenere方法使用起来更加方便,你可以通过json对象一次实现多个事件的绑定: foo.addListener({ 'click' : { fn: this.onClick, scope: ... 阅读全文
posted @ 2008-05-23 22:20 meetrice 阅读 (5365) | 评论 (0) 编辑
摘要:由于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. 阅读全文
posted @ 2008-05-23 22:14 meetrice 阅读 (1382) | 评论 (0) 编辑
摘要: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 }) 阅读全文
posted @ 2008-05-23 21:23 meetrice 阅读 (1038) | 评论 (0) 编辑
摘要: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 )下面我们扩展一下刚才 阅读全文
posted @ 2008-05-23 21:22 meetrice 阅读 (703) | 评论 (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,它的构造参数是一个config组成的数组,其中config定义为{ align : String //css中的对齐方式 dataIndex : String //要绑定的Sto 阅读全文
posted @ 2008-05-23 21:22 meetrice 阅读 (1072) | 评论 (0) 编辑
摘要: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 }) 阅读全文
posted @ 2008-05-23 21:21 meetrice 阅读 (1762) | 评论 (0) 编辑
摘要: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... 阅读全文
posted @ 2008-05-23 21:21 meetrice 阅读 (278) | 评论 (0) 编辑
摘要:Ext.Toolbar工具栏,使用起来很简单,add已准备好的元素就行方法Toolbar( Object/Array config )构造add( Mixed arg1, Mixed arg2, Mixed etc. ) : void增加元素可以是 1:Ext.Toolbar.Button 相当于addButton2:HtmlElement 相当于addElement3:Field 相当于addField4:Item 相当于addItem5:String 相当于addText6:'separator'或'-' 相当于addSeparator7:'' 阅读全文
posted @ 2008-05-23 21:20 meetrice 阅读 (555) | 评论 (0) 编辑
摘要:Ext.form.NumberField继承自Ext.form.TextField,因为Ext.form.TextField虽然强大,但写起来的确还是有点麻烦,后面的类都继承自Ext.form.TextField,没有自定义的方法,属性和事件config定义为{ allowDecimals : Boolean //true allowNegative : Boolean //true baseChars : String //'0123456789' decimalPrecision : Number //精度,默认值2 decimalSeparator : String // 阅读全文
posted @ 2008-05-23 21:19 meetrice 阅读 (474) | 评论 (0) 编辑
摘要:Ext.form.BasicForm对应一个dom中的form,默认是用ajax提交的,如果的确想回传,可以使用如下方式var myForm = new Ext.form.BasicForm("form-el-id", { onSubmit: Ext.emptyFn, submit: function() { this.getEl().dom.submit(); } });方法:BasicForm( Mixed el, Object config )其中config配置为{baseParams : Object, //请求时的附加参数,格式为{id: '123 阅读全文
posted @ 2008-05-23 21:18 meetrice 阅读 (557) | 评论 (0) 编辑
摘要:Ext.Actionaction实现一个脱离了容器的事件,所有它可以在多个容器之间共享,不过好象只有Ext.Toolbar, Ext.Button 和 Ext.menu.Menu支持action接口:),因为容器要实现下面所有的方法setText(string), setIconCls(string), setDisabled(boolean), setVisible(boolean) and setHandler(function)方法:Action( Object config )构造,config定义为{disabled : Boolean,//禁止使用handler : Functio 阅读全文
posted @ 2008-05-23 21:18 meetrice 阅读 (585) | 评论 (0) 编辑
摘要:Ext.data.Tree继承自Observable,用于存放树装的数据结构方法Tree( [Node root] )以root为根构造Ext.data.Tree对象getNodeById( String id ) : Node由指定id得到节点getRootNode() : Node得到根节点,由属性root得到更方便setRootNode( Node node ) : Node设置根节点事件有... 阅读全文
posted @ 2008-05-23 21:18 meetrice 阅读 (593) | 评论 (0) 编辑
摘要:Ext.data.GroupingStore继承自Ext.data.Store,为Store增加了分组功能.其它用法与Store一致,惟一需要注意的是使用GroupingStore时必须指定sortInfo信息增加了配置属性 groupField : String//用于分组的字段groupOnSort : Boolean//如果为真,将依排序字段重新分组,默认为假remoteGroup : Bo... 阅读全文
posted @ 2008-05-23 21:17 meetrice 阅读 (647) | 评论 (0) 编辑
摘要:Ext.data.Storestore是一个为Ext器件提供record对象的存储容器,行为和属性都很象数据表方法:不列举继承来的方法Store( Object config )构造,config定义为{ autoLoad : Boolean/Object, //自动载入 baseParams : Object, //只有使用httpproxy时才有意义 data : Array, ... 阅读全文
posted @ 2008-05-23 21:17 meetrice 阅读 (419) | 评论 (0) 编辑
摘要:Ext.data.DataReader纯虚类,从数据源得到结构化数据转换为元数据对象,对象包含Record的集合,一般用做Store对象的元数据,具有如下格式{totalRecord:int,records:Array of Ext.data.Record}具体使用参见三个子类Ext.data.ArrayReader/Ext.data.JsonReader/Ext.data.XmlReader方法... 阅读全文
posted @ 2008-05-23 21:16 meetrice 阅读 (470) | 评论 (0) 编辑
摘要:Ext.data.DataProxy数据代理类是一个纯虚类,主要用于生成Ext.data.Record对象,没有公开的属性和方法,只是归定子类需要处理三个事件beforeload : ( Object This, Object params )load : ( Object This, Object o, Object arg )loadexception : ( Object This, Obj... 阅读全文
posted @ 2008-05-23 21:16 meetrice 阅读 (611) | 评论 (0) 编辑
摘要:Ext.data.Connection访问指定的url,这是个异步调用类,如果想得到服务器信息,请在request参数中指定callback方法或指定侦听者(对文件上传无效)Connection( Object config )构造,config定义为{ autoAbort : Boolean, defaultHeaders : Object, disableCaching : Boolean, ... 阅读全文
posted @ 2008-05-23 21:15 meetrice 阅读 (514) | 评论 (0) 编辑
摘要:Ext.KeyNavExt的keyNav类能为Ext.Element元素提供简单的按键处理方法例:var el=Ext.get("textarea");new Ext.KeyNav(el, { "left" : function(e){ alert("left key down"); }, scope : el });它的行为与KeyMap类似,但功能... 阅读全文
posted @ 2008-05-23 21:15 meetrice 阅读 (355) | 评论 (0) 编辑
摘要:Ext.Fx类对于我这样的懒鬼而言,Fx类是核心类库中最激动人心的一个类,它不是最重要的,却是最实用的一个类定义了一些常用的特效方法,不妨自己多动手试试下面的方法,很有趣的fadeIn( [Object options] ) : Ext.Element渐显 options参数有以下属性callback:Function 完成后的回叫方法scope:Object 目标easing... 阅读全文
posted @ 2008-05-23 21:15 meetrice 阅读 (182) | 评论 (0) 编辑
摘要:Ext.EventManager事件管理者中的大部分方法都在Ext中有定义,主要用于事件管理addListener( String/HTMLElement el, String eventName, Function handler,on( String/HTMLElement el, String eventName, Function handler, [Object scope], [Obj... 阅读全文
posted @ 2008-05-23 21:14 meetrice 阅读 (357) | 评论 (0) 编辑
摘要:Ext.DomQuery类selector语法详见Ext类compile( String selector, [String type] ) : Function编写一个选择器或xpath查询到一个方法以方便重用,type取select(默认)或simple值之一filter( Array el, String selector, Boolean nonMatches ) : Array过滤el中... 阅读全文
posted @ 2008-05-23 21:14 meetrice 阅读 (374) | 评论 (0) 编辑
摘要:Ext.Element类Element( String/HTMLElement element, [Boolean forceNew] )由id或DOM节点创建Element对象Element.fly( String/HTMLElement el, [String named] ) : Element由id或DOM节点创建一个全局共享的活动元素,可由named命名以避免可能的冲突Element.g... 阅读全文
posted @ 2008-05-23 21:09 meetrice 阅读 (371) | 评论 (0) 编辑
摘要:Array类indexOf( Object o ) : Numberobject是否在数组中,找不到返回-1;找到返回位置remove( Object o ) : Array从数组中删除指定的对象object,如果找不到object则数组无变化Number类constrain( Number min, Number max ) : Number检查数值是否介于min与max之间, 如果大于max ... 阅读全文
posted @ 2008-05-23 21:08 meetrice 阅读 (373) | 评论 (0) 编辑
摘要:Ext类addBehaviors( Object obj ) : void对选择的元素 应用事件侦听器,事件名以@附加在结尾,例如addBehaviors({ // id=foo下所有的a标签加入click事件 '#foo a@click' : function(e, t){ // do something }, // 用,分隔多个选择器 '#foo a, #bar... 阅读全文
posted @ 2008-05-23 21:08 meetrice 阅读 (330) | 评论 (0) 编辑
摘要:Ext2.0的选择需要冒很大的风险,确实Ext在界面上能够有很大的提升,但是客户端机器的性能和网络方面的制约,再加上Ext本身没有很好的实现工具支持。从编码角度来说,可能需要花费更多的时间,这相对于直接的Web开发。如果项目中缺少美工,又对访问性能或并发量不是特别的要求的Web开发,可以考虑使用,譬如说安全设备的控制界面。当然项目组成员必须忍受大量javascript编码。 一般来说,Ext使用如... 阅读全文
posted @ 2008-05-23 21:05 meetrice 阅读 (764) | 评论 (0) 编辑
摘要:Ext 2.0的API包含许多的方法(函数)、属性和配置项,涵盖的面非常大,要全部列出几乎是不可能的。虽然API文档是童叟无欺精心打造的,但实际开发中,若果能够像其它语言Java和C#那样地支持JavaScript代码提示,那就更好啦。可喜的是,有若干的开发环境(IDE)和插件能够支持--并且是直接支持Ext 2.0。 Aptana Studio 一谈到JavaScript的开发工具,就不得不提A... 阅读全文
posted @ 2008-05-23 21:00 meetrice 阅读 (774) | 评论 (0) 编辑
摘要:ajax的js开发的目录规范 (目录框架下载) ajax的js开发的目录规范:├──framework //存放RIA框架资源│ ├──ext2.0.2│ └──dojo1.1.0├──modules //存放项目模│ ├──oa-admin│ ├──oa-news│ └──upload├──images //存放项目专用图片├──css //存放项目样式├──widget //存放项目公用组件│... 阅读全文
posted @ 2008-05-23 20:59 meetrice 阅读 (389) | 评论 (0) 编辑
摘要:1. Ext中常用的类 I. Ext.data Ext.data封装了与数据有关的类。 II. Ext.data.Store Store是数据源的封装。Ext通过Store提供了统一的接口访问不同的数据源,从数组到 ajax数据来源。这种统一的接口,让使用数据的部件更易于设计和使用。在设计使用数据的部件时,只需要关心Store提供的接口,而不需要关心底层数据的来源。数据消费部件与底层数据... 阅读全文
posted @ 2008-05-23 20:59 meetrice 阅读 (605) | 评论 (0) 编辑
摘要:ext form render表单范例 文字输入: 下拉选单: 日期选择: 多行输入: 阅读全文
posted @ 2008-05-23 20:57 meetrice 阅读 (1448) | 评论 (0) 编辑
摘要:Ext2.0的form不单增加了时间输入控件、隐藏输入控件,还修改了创建方法,通过formpanel代替了原来form,column也根据新的布局定义更新了定义方式。总体来说,定义一个form更简单便捷了。本文将通过一个实例介绍一下2.0的form的创建以及其大部分控件的使用方法,因水平有限,错漏难免,忘大家多多谅解! 我们先来看看我们将要设计的form的情况: 呵呵,fo... 阅读全文
posted @ 2008-05-23 20:54 meetrice 阅读 (783) | 评论 (0) 编辑
摘要:Grid is empty Grid Doesn’t show images correctly Sorting issues Grids inside Tab Panels Links inside grid cells Combining Fields into One Column How to modify appearance, behavior of specific r... 阅读全文
posted @ 2008-05-23 09:17 meetrice 阅读 (1682) | 评论 (0) 编辑
摘要:1)表格数据选择行选择模式:Js代码 varrowcount=grid.getSelectionNode().getSelections();var rowcount = grid.getSelectionNode().getSelections();可以获取全部选中的记录,得到的rowcount将是一个Array,比如想获取sex列的数据,语句如下Js代码 varstrsex=rowcount[i].get(‘sex’);var strsex = rowcount[i].get(‘sex’);单元格选择模式如果在GridPanel的配置属性增加sm属性如下Js代码 sm:newExt.gri 阅读全文
posted @ 2008-05-23 09:15 meetrice 阅读 (1498) | 评论 (0) 编辑
摘要:说明: 本教程在我推荐的ajax/ext目录规范环境下开发,如环境不同,请自行修改相关路径本项目框架及代码在此下载1.打开项目2.在根目录下建立demo.html:<html><head><metahttp-equiv="Content-Type"content="text/html;charset=GBK"><title>ExtJsGuiDesignerDemo</title><!--TheExtJsbase2.02--><linkrel="stylesheet&q 阅读全文
posted @ 2008-05-23 08:38 meetrice 阅读 (3259) | 评论 (2) 编辑
摘要:packagecom.fh.servlet;importjava.io.File;importjava.io.IOException;importjava.sql.Timestamp;importjava.text.SimpleDateFormat;importjava.util.Iterator;importjava.util.List;importjavax.servlet.*;importjavax.servlet.http.*;importorg.apache.commons.fileupload.*;publicclassUploadServletextendsHttpServlet 阅读全文
posted @ 2008-05-22 22:30 meetrice 阅读 (261) | 评论 (0) 编辑
摘要:extjs的上传组件和HTML编辑器组件Max Bazhenov's ExtJS components.Ext.ux.UploadDialog for ExtJS 1.x Ext.ux.UploadDialog for ExtJS 2.x Ext.ux.form.TinyMCE for ExtJS 2.x 地址:http://www.max-bazhenov.com/dev/ 阅读全文
posted @ 2008-05-22 22:30 meetrice 阅读 (1159) | 评论 (0) 编辑
摘要:预览: 阅读全文
posted @ 2008-05-22 22:28 meetrice 阅读 (252) | 评论 (1) 编辑
摘要:packagecom.fh.servlet;importjava.io.File;importjava.io.IOException;importjava.sql.Timestamp;importjava.text.SimpleDateFormat;importjava.util.Iterator;importjava.util.List;importjavax.servlet.*;importjavax.servlet.http.*;importorg.apache.commons.fileupload.*;publicclassUploadServletextendsHttpServlet 阅读全文
posted @ 2008-05-22 22:24 meetrice 阅读 (611) | 评论 (0) 编辑