![](https://img-blog.csdnimg.cn/20201014180756923.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
ExtJS
文章平均质量分 68
canfly20008
这个作者很懒,什么都没留下…
展开
-
Ext.Ajax类
Ext.Ajax类Ext.Ajax类是一个简单而清晰的XHR封装器,允许你快速而有效地执行AJAX请求。在本教程中,我们将会讨论除了公共方法request()外,还有怎么使用明文报码(Cleat Text)或解码JSON对象的强大扩展方法。 配置项对象 已经全部归档到Ext.Ajax Class Doc类型 url 字符类型 必须的 params 已编码JSON的对象 可选的 met...2010-03-05 10:35:27 · 104 阅读 · 0 评论 -
EXT核心API详解(十一)_Ext.data.Store/GroupingStore/JsonStore/SimpleStore
Ext.data.Storestore是一个为Ext器件提供record对象的存储容器,行为和属性都很象数据表方法:不列举继承来的方法Store( Object config )构造,config定义为{autoLoad : Boolean/Object, //自动载入baseParams : Object, //只有使用httpproxy时才有意义data : Array, ...原创 2009-07-03 17:17:36 · 135 阅读 · 0 评论 -
《Ext实战》节选:自定义单元格的显示格式
有时候,需要在Grid中显示一个链接,或根据数字的大小显示不同的颜色,又或者使用固定格式显示记录编号等,这就需要自定义单元格的显示格式。在Ext的Grid可以很容易的实现自定义单元格的显示格式。在定义Grid的ColumnModel的时候,在需要自定义显示格式的列中加入参数renderer,该参数指向一个函数,在显示时会以函数返回的数据作为显示数据,例如最简单的就是定义日期的显示格式: ...原创 2009-07-02 14:49:40 · 199 阅读 · 0 评论 -
ext afteredit详解
grid.on("afteredit",afterEidt,grid); function(obj){ obj.row;;//修改过的行从0开始 obj.column;//修改列 obj.originalValue;//原始值 obj.value;//修改后的值 obj.grid;//当前修改的grid obj.field;//正在被编...2009-07-02 09:48:05 · 368 阅读 · 0 评论 -
Ext.form.ComboBox 属性详解及使用方法介绍和级联使用
Ext.form.ComboBox 属性详解(见注释)及使用方法定义一个ComboBox: Wayfoon.YearComb = new Ext.form.ComboBox({ id:'cbid', name:'year',//name只是改下拉的名称 hiddenName:'hyear',//提交到后台的input的name wi...原创 2009-06-27 16:18:54 · 132 阅读 · 0 评论 -
ext_comboBox二级级联下拉框
Ext.onReady(function(){ var store = new Ext.data.Store({ proxy: new Ext.data.HttpProxy({url: 'ConjunctSelectProcess.jsp'}), reader: new Ext.data.JsonReader({ totalP...原创 2009-06-27 16:11:39 · 143 阅读 · 0 评论 -
ExtJS 给textfield赋值的方法总结
var value="值";(1) fs.form.findField(id/name).setValue(value);(2) Ext.get(id/name).setValue(value);(3) Ext.getCmp(id).setValue(value);2009-06-25 15:21:08 · 757 阅读 · 0 评论 -
获取form里面的field的三种方法
1)Ext.getCmp('id');2)FormPanel.getForm().findField('id/name');3)Ext.get('id/name');//前提是FormPanel在界面上显示出来了2009-06-25 14:35:28 · 3421 阅读 · 0 评论 -
如何合理地规划一个应用程序
需要些什么?除ExtJS库本身外,我们还需要两个文件: applayout.html applayout.js 先看看一份html文档,比较精简。并附有详细说明: applayout.html <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w...原创 2009-06-22 17:21:39 · 119 阅读 · 0 评论 -
深入浅出Ext JS:数据存储与传输
10.4 Ext.data.Store Ext.data.Store是EXT中用来进行数据交换和数据交互的标准中间件,无论是Grid还是ComboBox,都是通过它实现数据读取、类型转换、排序分页和搜索等操作的。 Ext.data.Store中有一个Ext.data.Record数组,所有数据都存放在这些Ext.data. Record实例中,为后面的读取和修改操作做准备。 10...原创 2009-07-11 15:40:38 · 130 阅读 · 0 评论 -
ExtJS中动态设置TextField的readOnly属性
假设 textField, 它的 id = 'textField' 则代码如下:Ext.getCmp("textField").getEl().dom.readOnly = true2010-04-28 14:49:23 · 361 阅读 · 0 评论 -
fieldSet组件的基本用法 将fieldSet上的边框去掉或者改变内边距
先把fieldSet简单的回忆下: fieldset:对表单进行分组,一个表单可以有多个fieldset legend:说明每组的内容描述 fieldset默认是带边框的,而legend默认一般显示在左上角。但在某些场合或许不愿意让fieldset和legend的默认样式或默认布局影响设计方案中的美观。解决方法:在CSS中将fieldset的border设置为0,legend的disp...原创 2010-05-29 09:58:12 · 4810 阅读 · 0 评论 -
ext grid 没有数据时不显示横向滚动条的解决办法
EXT Grid 没有数据时不显示横向滚动条的解决办法:this.grid.getView().mainBody.dom.style.width = this.grid.getView().getTotalWidth();this.grid.getView().mainBody.dom.style.height = '1px';注意:this.grid为创建的grid。原理很简单哈,Ext...原创 2010-05-28 14:18:02 · 475 阅读 · 0 评论 -
Ext JS 键映射:键盘作为第一类操作对象
Ext.KeyMap Ext提供几个不同的组件,支持键盘导航,比如GridPanel,ComboBox和TreePanel。为了应用客户键盘操作,开发者能够使用Ext.KeyMap和Ext.KeyNav类来捆绑键盘操作给任何组件或者元素。 首先开发者需要操作的就是F1-12功能键。大多数浏览器预留一些键,通过ext-pertise,开发者能够覆盖缺省的功能为我们自己的应用使用。我们的应用完全是动态...2010-02-26 15:07:41 · 203 阅读 · 0 评论 -
Ext.data专题五:常用proxy之MemoryProxy
MemoryProxy只能从JavaScript对象获得数据,可以直接把数组,或JSON和XML格式的数据交给它处理,如下面的代码所示。var proxy = new Ext.data.MemoryProxy([ ['id1','name1','descn1'], ['id2','name2','descn2']]);HttpProxy使用HTTP协议,通过Ajax去后台取数据...原创 2009-08-26 14:44:05 · 495 阅读 · 0 评论 -
Ext.data专题四:Ext.data.Store
Ext.data.Store是EXT中用来进行数据交换和数据交互的标准中间件,无论是Grid还是ComboBox,都是通过它实现数据读取、类型转换、排序分页和搜索等操作的。Ext.data.Store中有一个Ext.data.Record数组,所有数据都存放在这些Ext.data. Record实例中,为后面的读取和修改操作做准备。 一、Ext.data.Store基本应用在使用之...原创 2009-08-26 14:42:53 · 100 阅读 · 0 评论 -
Ext.data专题三:Ext.data.Record
Ext.data.Record就是一个设定了内部数据类型的对象,它是Ext.data.Store的最基本组成部分。如果把Ext.data.Store看作是一张二维表,那么它的每一行就对应一个Ext.data. Record实例。Ext.data.Record的主要功能是保存数据,并且在内部数据发生改变时记录修改的状态,它还可以保留修改之前的原始值。我们使用Ext.data.Record时通...原创 2009-08-26 14:40:23 · 152 阅读 · 0 评论 -
Ext.data专题二:Ext.data.Connection
Ext.data.Connection是对Ext.lib.Ajax的封装,它提供了配置使用Ajax的通用方式,它在内部通过Ext.lib.Ajax实现与后台的异步调用。与底层的Ext.lib.Ajax相比,Ext.data. Connection提供了更简洁的配置方式,使用起来更方便。Ext.data.Connection主要用于在Ext.data.HttpProxy和Ext.data.Scr...原创 2009-08-26 14:38:07 · 346 阅读 · 0 评论 -
Ext.data专题一:Ext.data简介
Ext.data在命名空间中定义了一系列store、reader和proxy。Grid和ComboxBox都是以Ext.data为媒介获取数据的,它包含异步加载、类型转换、分页等功能。Ext.data默认支持Array、JSON、XML等数据格式,可以通过Memory、HTTP、ScriptTag等方式获得这些格式的数据。如果要实现新的协议和新的数据结构,只需要扩展reader和proxy...原创 2009-08-26 14:36:11 · 155 阅读 · 0 评论 -
从零开始Ext
本文是以提取页面内的特定id的元素为入手(本文div的id为'slideme'),继而使用ExtJS自带方法,向上或向下滑动内部的div。 html页面我们全部需要的div元素和文本就在这里: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www....2009-06-22 17:17:00 · 118 阅读 · 0 评论 -
EXT的CSS渲染过程——EXT.Window
上图是一个Window最普通的组件通常我们使用的是ext-all.css,其实它是由许多个组件css组成的一个大css而已,见下图:对于一个window的窗口,其实只有引入window.css就足够了,我们来看window.css的一个片段background:transparent url(../images/default/window/top-bottom.png) repe...2009-06-16 11:25:25 · 177 阅读 · 0 评论 -
部署ext
下面介绍下如何部署ext到自己的项目中,通过本节的了解,您就可以开始利用ext制作各种个样的绚丽效果了。要使用ExtJS,那么首先要得到ExtJS库文件,该框架是开源且可以自由发布的。可以直接从官方网站下载,网址http://extjs.com/download,进入下载页面可以看到如下图所示内容,本教程使用的2.x版本 文件夹及文件说明: adapter:负责将里面提供第三方底层...2009-06-10 23:30:26 · 108 阅读 · 0 评论 -
ExtJS 重置表单的方法
有三种方法能实现form表单的重置,假设var fs=new Ext.form.FormPanel({...});(1)fs.form.reset();//重置form(2)fs.getForm().getEl().dom.reset();//重置form(3)Ext.getCmp('fs').form.reset();...2009-06-10 16:07:15 · 509 阅读 · 0 评论 -
Ext.form表单中各种属性应用详解!
Ext.form表单中各种属性应用详解! (2008-08-27 11:15:14)标签:ext.form ext表单 Ext.form.NumberField继承自Ext.form.TextField,因为Ext.form.TextField虽然强大,但写起来的确还是有点麻烦,后面的类都继承自Ext.form.TextField,没有自定义的方法,属性和事件config定义为{a...2009-06-10 15:04:37 · 416 阅读 · 0 评论 -
ExtJS高级自定义验证
//先用Ext.apply方法添加自定义的password验证函数(也可以取其他的名字)Ext.apply(Ext.form.VTypes,{ password:function(val,field){//val指这里的文本框值,field指这个文本框组件,大家要明白这个意思 if(field.confirmTo){//confirmTo是我们自定义的配置参数,一般用...2009-06-08 16:22:31 · 98 阅读 · 0 评论 -
Extjs2继承函数简单分析及疑问
Java代码 Ext = {version: '2.0'}; Ext = {version: '2.0'}; Java代码 /** * 继承,并由传递的值决定是否覆盖原对象的属性 * 返回的对象中也增加了override()函数,用于覆盖实例的成员 * @param {Object} ...原创 2009-06-07 11:31:48 · 102 阅读 · 0 评论 -
如何在服务器端 读取Ext.ux.UploadDialog上传的文件?
问题已经解决。 1。要导入 commons.io.jar包。 2。upload.js调用 Ext.ux.UploadDialog时候,url属性要包含项目名。 3. DiskFileUpload fu = new DiskFileUpload(); 确实已经废弃,建议使用: DiskFileItemFactory factory = new DiskFileItemFactory(); S...原创 2009-12-10 17:09:55 · 160 阅读 · 0 评论 -
ext 多文件上传控件 Ext.ux.UploadDialog 使用中的问题
Ext.ux.UploadDialog 像ext一样展现给用户震撼的界面:如图:上传之前 上传过程中: 强悍吧。怎样使用呢。?自己去搜索 Ext.ux.UploadDialog.包下载使用是出来导入必要的ext包还需要<link rel="stylesheet" href="Ext.ux.UploadDialog/UploadDialog/css/Ext.u...原创 2009-12-10 17:03:14 · 99 阅读 · 0 评论 -
Ext监控回车按键
listeners : {specialkey : function(field, e) {if (e.getKey() == Ext.EventObject.ENTER) {searchByFilter();}}}这是以监听器的方式添加监听事件,还有一种方法与此差不多:keys : {key : Ext.EventObject.ENTER,fn : function(btn, e) {s...2010-03-06 11:25:02 · 270 阅读 · 0 评论 -
总结Ext grid中得到选择行的方法
在Ext grid中假设有一个名称为grid的对象。(1)grid.getStore().getRange(0,store.getCount());//得到grid所有的行(2)grid.getSelectionModel().getSelections()//得到选择所有行(3)grid.selModel.selections.items;//得到选择所有行(4)grid.get...2009-06-11 10:19:47 · 204 阅读 · 0 评论 -
formPanel组件load数据时combo的自动赋值?
combo有个hiddenName这个属性,这个属性是真正提交的值,在加载的时候你将这个属性的设置到reader中,就可以自动选择到指定的值了,比如说: hiddenName:'value',那么你的reader中就应该有一个{name:'value'}. ...2009-06-11 12:01:20 · 112 阅读 · 0 评论 -
EXT中Store加载流程
EXT中所有和数据相关的类都放在Ext.data命名空间下。 * Store: 最主要的对外交互接口,内部保存了一个数据集。 JsonStore JsonReader 把代理读取的数据读入数据集。 * Record: 数据集里面的每一条记录。 * DataField: 定义了记录每个字段的schema。 *...2009-06-15 22:04:12 · 221 阅读 · 0 评论 -
Ext.XTemplate
Ext.onReady(function(){ //数据源 var data={ name:"博客园", read:[{ book:'<<道不远人>>', date:'2007-7-7' },{ book:"<<大话设计模式>>", ...原创 2009-06-14 10:31:05 · 80 阅读 · 0 评论 -
Ext.BLANK_IMAGE_URL
相信各位读者在学习Ext官方示例的时候,会发现每个例子都会引用examples.js。examples.js文件中的第一句就是:Ext.BLANK_IMAGE_URL = '../../resources/images/default/s.gif';这是一句将图片地址赋给Ext.BLANK_IMAGE_URL变量的语句。单单看这句话看不出有什么特殊,下面我们看Ext源代码GridView....2009-06-13 22:22:06 · 127 阅读 · 0 评论 -
eclipse中JS中文乱码解决
可依次选择"window">>"preferences">>"general">>"content types" 在右边的窗口中打开列表,选中"JavaScript",在下面的"default encoding"右边的输入框中输入"GBK"或"GB2312"再点&qu2009-06-12 20:52:09 · 192 阅读 · 0 评论 -
Ext JS中文乱码解决方案
一般情况下,项目采用了UTF-8的字符集格式,那么所有的js文件的格式也都为UTF-8格式后就不会有任何乱码的问题出现。但是如果项目采用了GBK等编码,那么js文件的编码格式就不能这么随便了,需要根据你的项目的编码情况而定。就拿项目编码为GBK为例吧。首先,jsp页面文件为GBK格式,那么他的头部也就有如下的设置:<%@ page contentType="text/html...2009-06-12 20:09:35 · 463 阅读 · 0 评论 -
Ext.get与Ext.fly 的区别
Ext.getExt.get()可接收这几种类型的参数,如HTMLElement,Ext.Element、字符型,返回的新实例。以下三种类型如下例:var el1 = Ext.get('elId'); // 接收元素idvar el2 = Ext.get(el1); // 接受Ext.Elementvar el3 = Ext.get(el1.dom); //接受HTMLElementExt.fly...2009-06-12 17:37:37 · 78 阅读 · 0 评论 -
Myeclipse下ext插件spket的配置和安装
myeclipse下使用ext的插件有三种方式:1:配置在线使用:打开myeclipse:1、选择Help -> Software Updates -> Find and Install...-> Search for new features to install ->New remote site... Name: "Spket", Url: "http:/...2009-06-11 20:26:20 · 62 阅读 · 0 评论 -
ExtJs在网面上面动态显示时间
实现代码如下://初始化一些变量 var aWeek=['星期天','星期一','星期二','星期三','星期四','星期五','星期六'];var clock = new Ext.Toolbar.TextItem(new Date().format('Y-m-d G:i:s A')+' '+aWeek[new Date().getDay()]);//定期更新时间Ext.TaskMgr.st...2009-06-11 19:46:11 · 108 阅读 · 0 评论 -
功能: 用户点击grid的表头菜单显示/隐藏列,拉动列、重新刷新页面后保留。
var grid = new Ext.grid.GridPanel({ width: 400, height: 200, autoScroll: true, trackMouseOver:false, ddGroup:'myDDGroup', sm:new Ext.grid.CellSe...原创 2011-01-05 11:56:03 · 207 阅读 · 0 评论