ExtJS
文章平均质量分 74
寒小二
这个作者很懒,什么都没留下…
展开
-
ExtJS 初次开发几个问题
之前做过一阵的ExtJs开发,从最傻的符号问题,到后来的渲染问题都碰到过。下面是个人开发过程中做的一些总结,多是问题的应对: 1、引入js和css文件时注意文件的路径问题; 2、导入ext-base.js后注意设置Ext.BLANK_IMAGE_URL的值(透明图片s.gif位置); 3、IE提示“缺少标识符,字符串或数字”错误,为配置时 “}”前多了逗号,且所处位置在E转载 2011-11-14 20:47:07 · 494 阅读 · 0 评论 -
Extjs 3.x常用属性和方法
正文 一、Ext 1.1 Ext.isEmpty(v, allowBlank) //是否为空[链接] 1.2 Ext.isArray(v) //是否为数组集合 1.3 Ext.isPrimitive(v) //是否是基本数据类型String/Number/Boolean 1.4 Ext.isFuncti转载 2011-12-27 20:55:59 · 832 阅读 · 0 评论 -
Extjs用ajax提交表单四种方式
view plain /** * * 第一种Ajax提交方式 * * * 这种方式需要直接使用ext Ajax方法进行提交 * * * 使用这种方式,需要将待传递的参数进行封装 * * * @return */ function saveUser_ajaxSubmit1() {转载 2011-12-26 21:21:00 · 821 阅读 · 0 评论 -
extjs通用CRUD方法
只要你传入相应的参数就能完成extjs表格的CRUD 001 /** 002 * 添加事件 003 * @param {} saveButton 004 * @param {} gridObj转载 2011-12-27 16:58:30 · 743 阅读 · 0 评论 -
Extjs tree 的简单增删改查
js: Ext.onReady(function() { // 树形面板 var tree = new Ext.tree.TreePanel({ id : 'tree-mianban', title : '树', region : 'west', animate : true, enable转载 2011-12-27 17:37:05 · 2833 阅读 · 0 评论 -
Extjs miframe的使用
Iframe 有的时候还是须要的,比如在Tab中嵌入报表、嵌入其它系统的界面。下面代码是项目中一段 ExtJs 3.1.1 使用IFrame须要一个ExtJS的一个插件ManagedIFrame(miframe.js),用了这个插件可以使用 xtype:'iframepanel' 代码段: 1: var p_center = new Ext.TabPanel({转载 2011-12-28 11:30:08 · 3616 阅读 · 0 评论 -
图文详解Ext常见开发工具的安装使用
俗话说,工欲善其事,必先利其器。缺乏好的工具想要用好Ext这么庞大的类库恐怕任谁都很难做到,本文就来介绍几种Ext的智能提示工具。btw,今天非常不爽,Aptana不知为何怎么都起不来了,重装无聊之余有了此文... 第一种方式Aptana支持 1.下载Aptanahttp://www.aptana.org/studio/download 如图,Aptana支持单独运行以及转载 2012-02-01 21:20:57 · 1080 阅读 · 1 评论 -
Ext中apply及applyIf方法的应用
apply及applyIf方法都是用于实现把一个对象中的属性应用于另外一个对象中,相当于属性拷贝。不同的是apply将会覆盖目标对象中的属性,而applyIf只拷贝目标对象中没有而源对象中有的属性。 apply方法的签名为“apply( Object obj, Object config, Object defaults ) : Object”,该方法包含三个参数,第一个参数是要拷贝的目标对转载 2011-12-29 21:09:31 · 524 阅读 · 0 评论 -
Ext-combobox-tree的运用
前几天研究了combobox-tree,把自己一点心得发出来 自己定义一个combobox Ext.ux.form.TreeComboBox = Ext.extend(Ext.form.ComboBox, { initComponent : function(ct, position) { this.divId = 'tree-'转载 2012-02-02 12:35:24 · 2072 阅读 · 1 评论 -
extjs form validate 验证
view plain extjs表单验证 //放在onReady的function(){}中 Ext.QuickTips.init(); //为组件提供提示信息功能,form的主要提示信息就是客户端验证的错误信息。 Ext.form.Field.prototype.msgTarget='side'; //提示的方式,枚举值为 qtip-当鼠标移动到转载 2011-12-30 11:30:46 · 1361 阅读 · 0 评论 -
Extjs 提交到后台接收不同组件值的区别
FormPanel本身是没有提交功能的,它仅仅是一个前台UI控件,数据的提交是通过一个叫BasicForm的东西进行提交的。而后者的获得是通过getForm()方法来实现的,或者直接调用FormPanel的form属性也可以。在BasicForm的submit方法中需要定义一个url属性,在这里url就是我们在struts.xml中配置的action的名字action name。服务器端返回的转载 2011-12-30 21:25:21 · 1092 阅读 · 0 评论 -
Extjs3.0中的TreeGrid(Ext.ux.maximgb.tg.EditorGridPanel)
欢迎转载,但请保留原帖地址(http://www.liyonghome.cn/index.php/archives/187.html)及作者信息(深海区:[email protected]) 选择这个控件,是因为在昨天进行的一项开发中,需要一个可编辑的GridPanel控件,另外由于科目一项分为3-4级的树形结构,因此就需要找到一个合适的TreeGridPanel。 在网转载 2012-02-03 21:00:51 · 3840 阅读 · 2 评论 -
Extjs Grid 合并两列显示的数据
为那一列添加一个Convert函数,详见Ext API中的:Class Ext.data.Field 例子1: Js代码 function addfunc(v, record){ return record.a+record.b; } var map=Ext.data.Record.create([ {name: 'fu原创 2012-02-08 21:18:31 · 5005 阅读 · 0 评论 -
Extjs combox 常用属性及问题
js 代码 var combo = new Ext.form.ComboBox({ store : new Ext.data.SimpleStore({ //注意此时的store,我们通常会用到初始化combo的值,比如通过某个按钮或者在页面加载的时候设置初始值,combo.setValue(),通过这样的方法去设置的时候通常出现一个问题就是,初始化之后combo转载 2011-12-30 21:22:24 · 5415 阅读 · 0 评论 -
Extjs整体总结
一、如何同步调用Ajax远程数据 [javascript] view plaincopy // 同步方式,API不直接提供,获取XHR的conn的引用即可 var url = "myApp/getUserList.do"; var conn = new Ext.data.Connection()conn; conn.open("转载 2012-02-11 19:12:33 · 1880 阅读 · 0 评论 -
Extjs实现类似windows中资源管理器方式的图标文件清单
在Extjs中对文件或数据清单列表显示,最常见就是采用GRID方式来显示数据,笔者在使用中,发现可以采用图标方式显示文件清单(注:需要使用到插件Ext.ux.grid.ExplorerView这个插件)。以下是文件的现实界面,通过扩充功能,完全能达类似资源管理器的效果。 实际使用插件中发现,不能自动换行,只好自己定义CSS了 CSS代码: .icon-g转载 2011-12-28 21:06:36 · 2413 阅读 · 0 评论 -
ExtJS中Ext.Ajax.request与form.getForm().submit的基本区别
相同点:都属于Ajax提交方式! 不同点:Ext.Ajax.request是Ext.data.connection的一个实例 form.getForm().submit是BasicForm的一个实现方式 使用上的区别: 1.form.getForm().submit常用在表单提交的时候,就是说要提交页面数据,比如新增和修改数据页面 2.Ext.Ajax.request常用转载 2011-12-27 18:48:14 · 2830 阅读 · 2 评论 -
Extjs tree所有属性解释
Ext.tree.TreePanel 主要配置项: root:树的根节点。 rootVisible:是否显示根节点,默认为true。 useArrows:是否在树中使用Vista样式箭头,默认为false。 lines:是否显示树线,默认为true。 lo转载 2011-12-26 15:06:03 · 1299 阅读 · 0 评论 -
Extjs Core 详解
1、Ext.apply(Object obj, Object config, Object defaults ) : Object 将config中的所有属性复制到obj中,如果配置了defaults,则先将defaults中的属性传入obj,然后再将config中属性传入,一般defaults用于定义一些默认值。 注意:每个参数都必须是对象object,而不能是function或其他。 创转载 2011-12-06 17:08:23 · 599 阅读 · 0 评论 -
Extjs树形结构图
Ext的组件模式,很好的规范了组件设计,用Manager的统一管理,也是很好的方式.下面简单分析一下Ext的组件结构. Ext的所有组件都是扩展于Ext.Component, 而后子类扩展和集成形成了一个单根的组件树. Ext中使用组件的方式很不一样,可以看一个例子. js 代码 var formPanel = new Ext.form.FormPanel({转载 2011-12-06 15:48:09 · 2349 阅读 · 0 评论 -
Ext中get,getCmp,getDom,getBody,getDoc的区别
1、get方法 get方法用来得到一个Ext元素,也就是类型为Ext.Element的对象,Ext.Element类是Ext对DOM的封装,代表DOM的元素,可以为每一个DOM创建一个对应的Element对象,可以通过Element对象上的方法来实现对DOM指定的操作,比如用hide方法可以隐藏元素、initDD方法可以让指定的DOM具有拖放特性等。get方法其实是Ext.Element.get转载 2011-12-06 17:05:31 · 447 阅读 · 0 评论 -
Extjs的分页
Extjs分页其实是根据 store.load({params:{start:0,limit:10}}); 中start,limit这两个参数来进行分页的。start表示开始记录数,limit表示 一页的记录数。当store第一次load的时候,start=0,limit=10;当点击翻页按钮时,store进行load,此时 start=start+pageSize。如果pageSiz转载 2011-12-06 17:09:50 · 931 阅读 · 0 评论 -
ExtJS中九种布局方式
1、布局概述 容器中可以放置各种各样的元素,这些元素在容器怎么排放,是从左到右,还是从上到下,这些是容器自身所不知道的。容器中的子元素如何排放,在Ext中由布局来处理。 所谓布局就是指容器组件中子元素的分布、排列组合方式。Ext的所有容器组件都支持布局操作,每一个容器都会有一个对应的布局,布局负责管理容器组件中子元素的排列、组合及渲染方式等。 Ext提供了一套功能强大的布转载 2011-12-09 16:22:33 · 1243 阅读 · 0 评论 -
Extjs的标签国际化
首先声明,这篇文章只是我自己的理解,坛子上高手众多,希望理解有误的地方,大家可以帮我指正 研究了下EXT i18n机制,在这里我个人理解是EXT并没有过多的注重对国际化的支持。在 local文件夹下我们看到很多国际化的js文件,打开ext_lang_zh_CN.js 截取一个片段: Java代码 if(Ext.MessageBox){ Ext转载 2011-12-09 21:11:20 · 2111 阅读 · 1 评论 -
Extjs中PagingToolbar的使用
出处:http://www.cnblogs.com/mylem/archive/2010/11/05/1870270.html 下面以一个实例,简单说一下这个控件的使用方法: 这个例子以服务器向客户端传递的数据为json格式的方式来说明,这也是绝大多数应用中所使用的方法, 一个分页应用中一般需要几个参数: pageSize:一页中显示多少条记录; curPa转载 2011-12-09 10:19:23 · 6495 阅读 · 0 评论 -
ExtJS中GroupingStore的使用
[转载]Ext.data-GroupingStore/JsonStore/SimpleStore Ext.data.GroupingStore 继承自Ext.data.Store,为Store增加了分组功能.其它用法与Store一致,惟一需要注意的是使用GroupingStore时必须指定sortInfo信息 增加了配置属性 groupField : String//用于分组的字段 g转载 2011-12-09 10:22:21 · 2663 阅读 · 0 评论 -
ExtJS3.X中自定义组件
最近参与的项目中用到Extjs,研究了几天, 发现实际开发中很有必要将各种布局的组件一起作为自定义组件使用,以提高代码重用性。 项目中的‘添加用户’功能中, 由于用户信息比较多,还同时可能要注册其账号信息,所以想在添加的时候分多步填写最后提交。 翻阅Extjs3.2的example发现没有满足要求的组件。于是试着书写一个。我暂时给它取名叫StepForm。 1.Extj转载 2011-12-09 16:07:54 · 1305 阅读 · 0 评论 -
Extjs中createDelegate的使用
所属类:Function createDelegate( [Object obj], [Array args], [Boolean/Number appendArgs] ) :这个函数的目的是创建委托。 功能: Ext.onReady(function(){ Ext.QuickTips.init() var myclass=new Object();转载 2011-12-09 11:17:45 · 2980 阅读 · 0 评论 -
Extjs extend源代码的解释
Extjs extend源代码: extend : function(){ // inline overrides var io = function(o){ for(var m in o){ this[m] = o[m]; }转载 2011-12-09 11:34:09 · 831 阅读 · 0 评论 -
Extjs分组显示数据的做法
Ext的分组显示数据跟一般的显示数据差不多,不同的如下: // 定义数据源 var roleLevelStore = new Ext.data.GroupingStore({ // 代理 proxy : new Ext.data.HttpProxy({ url : Action.sys.RoleLevelMngAction.DO_GET_ALL,转载 2011-12-12 20:34:56 · 1101 阅读 · 0 评论 -
Extjs中Textfiled后面加上红星提示
界面布局采用Extjs,说实话,Ext挺华丽的,就是使用有点麻烦,参考的书籍也比较少。做表单的时候,有好几项是必填项,一般都会在输入框后面加上 * 作为标记。但是,好像Extjs的TextField没有直接添加的组件,在此贴出一份解决方法,方便自己日后使用,代码如下: var nameField=new Ext.form.TextField({ f转载 2011-12-13 16:36:54 · 2947 阅读 · 0 评论 -
Extjs的类图
整理一份extjs3的“类图”,从总体上有个概念产,然后一个一个来解决它。 Java代码 Object Ext.util.Observable:为EXT组件提供处理的最基本功能。 Ext.Component:提供了Ext组件共有的特性, 比如初始的流程、组件的配置选项应用、插件应用,组件渲染,组件公共的配置选项等,是一个抽象的东西。转载 2011-12-21 19:36:24 · 1214 阅读 · 0 评论 -
Extjs设置Tree中的部分CheckBox不可用
有时候我们需要让Tree中的部分CheckBox不可用,该怎么实现了? 首先,我们需要判断哪些CheckBox不可用了,这个操作一般在后台实现,我们只要为每个Node加个属性就可以了,如以下是从后台传回的JSON值: // 下面是树加载时从后台传回数据中某个节点的值,节点的isEnable属性为自己添加的 var json ={ isEnable:"Y","chil转载 2011-12-26 14:04:01 · 2189 阅读 · 0 评论 -
Extjs fileUpload上传后返回报错missing } in XML expression
EXTJS上传文件后,页面接收到返回的json后报错:missing } in XMLexpression 使用firedebug跟踪了一下返回的数据, 发现返回的json数据responseText中被加上了标签,当然是在fixfox中出现,在IE上却没有被加上这样的标签,看起来好像是浏览器兼容的问题了。 下面两种解决方法,自己选择适合的: 1.在处理文件中对response设置内容原创 2011-12-26 09:44:37 · 912 阅读 · 0 评论 -
Extjs中store的简单使用
Ext.data.Store是EXT中用来进行数据交换和数据交互的标准中间件,无论是Grid还是ComboBox,都是通过它实现数据读取、类型转换、排序分页和搜索等操作的。Ext.data.Store中有一个Ext.data.Record数组,所有数据都存放在这些Ext.data. Record实例中,为后面的读取和修改操作做准备。Ext.data.Store的基本用法在使用之前,首先要创建一个E转载 2012-08-27 16:54:34 · 1278 阅读 · 0 评论