extjs 学习
文章平均质量分 55
trymore_
这个作者很懒,什么都没留下…
展开
-
extjs事件的属性设置简要解释
(很抱歉忘记转自哪里了,如有仁兄提醒,我马上加上去)转载 2011-12-23 08:24:42 · 323 阅读 · 0 评论 -
为Extjs 树提供数据的递归算法
(转自:http://emlyn1180.iteye.com/blog/315334 )首先先建立Node模型 public class Node { private int id; private int parentId; Node(){} Node(int id,int parentId){ this.id=id; this.parentId = pare转载 2012-02-11 16:13:51 · 552 阅读 · 0 评论 -
EXT 瘦身方法 之 压缩.js文件
一、首先,去http://sourceforge.net/projects/filterlib网站下载tk-filters-1.0.1.zip。二、解压这个tk-filters-1.0.1.zip压缩文件,将解压后的文件tk-filters.jar放在Ext项目的WEB-INF/lib/下。三、打开解压后的文件夹tk-filters\conf\tk-filters.properties转载 2012-02-22 12:54:18 · 1981 阅读 · 0 评论 -
Ext 根据来自后端的菜单数据创建树和节点
1. 获得包含菜单数据的数组:// 获取菜单var strTopMenus = Ext.getDom("strTopMenus").value; // 获取菜单var aryTopMenus = strTopMenus.split(",");var strTopMenusText = Ext.getDom("strTopMenusText").value;var aryTopMenus原创 2012-02-14 11:22:35 · 616 阅读 · 0 评论 -
Extjs 前端校验的一些方式总结
1)、文本框:输入不能为空:设置配置项allowBlank:false;输入最大长度:maxLength:Number ;输入最小长度:minLength:Number ;不能输入负数:allowNegative:false;不能输入小数:allowDecimals:false;规定输入数字范围:minValue和maxValue;2)、借助vtype: 只能输入英原创 2012-02-25 08:21:25 · 1666 阅读 · 1 评论 -
Module.js文件的编写规范
在模块化后,每个模块应按如下方式编写:(需注意以下内容的和注释方式) Ext.namespace("modScoreManage"); /**文件名: Module.js * 功能: 作为显示成绩信息页面的模块。 该文件中包含作为Module类主体的一个类的定义。 * @author William * @lastEdit William * @version 2012/1/12原创 2012-01-18 22:35:34 · 1030 阅读 · 0 评论 -
ext 中进行占位
问题描述:在form或者fieldset中经常要使用到在某块区域留片空白,于是需要一个占着位置但又不显示出来的组件。解决方案:使用 :{xtype:'box' // 也可使用 'spacer',width:100 // 宽度随自己需要设置}width 和height 属性的值随自己需要进行设置, 注意,这两个属性必须设置,同时,横向占位需采用hbox布局,使用原创 2012-02-26 20:27:17 · 1307 阅读 · 0 评论 -
Extjs模块中组件的编写规范
请注意,组件的类定义中,不允许使用new来定义子成员,若有必要,则使用xtype。Ext.ns("modScoreManage.EditForm");/** 放置在一个window中的用于编辑学生信息的表单 * @arguments String:sName,sGender,dBirthday,nAge,nClazzId,sId 分别为学生的各项信息 * @author Willi原创 2012-01-18 22:58:42 · 790 阅读 · 0 评论 -
如何将record中的Date数据获取出来,在Datefield中显示
问题描述:将grid中的日期数据获取出来,显示到Datefield中。解决方案:var recChoose = this.getSelectionModel().getSelected(); // 这里this代表gridvar anObject = recChoose.get('delivertyDate'); // 获取record中的日期数据var dDeli原创 2012-02-28 14:29:16 · 1128 阅读 · 0 评论 -
如何写extjs 的多条件搜索框
多条件搜索框的功能是:拥有搜索按钮,并且借助单个或多个条件的任意组合进行搜索。一. 先上个全是textfield的效果图:上代码:Ext.ns("modMaterialKindManage.SearchFieldset");/**@description 搜索Fieldset * @arguments * @author William * @last原创 2012-02-27 17:47:58 · 6356 阅读 · 1 评论 -
从ext前端发送异步请求到 struts的Action后端,并获取后端的返回信息
问题描述:如何 从ext前端发送异步请求到 struts的Action后端,并获取后端的返回信息解决方案:1. Ext 前端.js文件中:Ext.Ajax.request({ url: 'GoodAction_add.do' ,method:'POST' ,params: { // 发送的参数 sForm:s原创 2012-03-02 13:59:06 · 1507 阅读 · 0 评论 -
Ext中 对store 的操作
(转自:http://www.cnblogs.com/zihuxinyu/archive/2011/06/04/2072769.html )Ext.data.Store是EXT中用来进行数据交换和数据交互的标准中间件,无论是Grid还是ComboBox,都是通过它实现数据读取、类型转换、排序分页和搜索等操作的。Ext.data.Store中有一个Ext.data.Record数组,所有转载 2012-03-07 16:09:04 · 1006 阅读 · 0 评论 -
Ext 的文本输入控件实现即时判断输入内容是否已存在与系统中
//以下为前端的相关代码(Extjs js文件中)this.bIsExist = false;//本类所需成员变量xtype : 'textfield',fieldLabel : '用户名',name : 'AddForm_sName',vtype : 'alphanum',vtypeText : '只能输入字母和数字',labelStyle : 'text-align:r原创 2012-03-08 14:26:17 · 2099 阅读 · 1 评论 -
Ext 实时验证某个输入值是否已经与数据库中的某条记录重名
步骤:1. js文件: this.bIsExist = false;//判断是否已存在的标志 { xtype : 'textfield', fieldLabel : '合同号', name : 'RegisterField_contractNum', value:contractNum, labelSty原创 2012-03-11 17:22:06 · 1088 阅读 · 0 评论 -
关于Extjs组件化的不错的讨论
关于Extjs组件化的不错的讨论(帖子地址: http://www.iteye.com/topic/486697 )转载 2012-01-06 10:00:38 · 347 阅读 · 0 评论 -
Extjs 代码规范
(转自:http://shubangjun.iteye.com/blog/1009041 )一个组件一个JS文件,多个组件拼接成一个模块,这些组件都放在一个文件夹下,命名方法其实很简单,类似java如: 在App文件夹下的Scene文件夹内 App.Scene.ScreenManager.js Ext.namespace("App.Scene.ScreenManager.X转载 2012-01-04 14:07:18 · 1389 阅读 · 0 评论 -
关于extjs中对所属对象的引用方式
最近在读一个关于 将extjs 项目实现模块化的代码。发现了几个地方不懂(也跟鄙人javaScript基础太薄有关),经过研究后稍有理解。1. this[id] :经过研究后才得知:这是对this中的对象进行引用的一种方式。id是什么?如果this对象中定义了一个对象:this.scoreManage = new Ext.tree.TreePanel({....若id = "sco原创 2011-12-23 16:05:48 · 852 阅读 · 0 评论 -
在extjs 的grid中显示 Date格式的内容
java里面时间类型转换成json数据就成这样啦 Js代码 "modifyTime":{"date":30,"day":3,"hours":15,"minutes":14,"month":3,"nanos":0,"seconds":38, "time":1209539678000,"timezoneOffset":-480,"year":108}转载 2011-12-26 19:18:39 · 2131 阅读 · 0 评论 -
Ext在IE8浏览器下 左边tree加载模块到中间面板不能显示,报‘events’为空或不是对象错误
问题描述:Ext在IE8浏览器下 左边tree加载模块到中间面板不能显示,报‘events’为空或不是对象错误。(在firefox中可以显示)问题来源:问题多数是由于items中最后一项多加了一个逗号导致。解决方法:去掉代码中组件中包含的items(只要存在别的组件中,都算是item)中最后一项中的逗号。注:如果报‘render’为空或不是对象则问题多数来源转载 2011-12-28 20:38:57 · 1444 阅读 · 0 评论 -
在Extjs提交表单时,后端可以成功地执行操作,但返回给前端的却是false
问题描述:在Extjs提交表单时,后端可以执行数据的操作,但返回的是false解决方法:在操作执行完之后返回{success : true}即在对应的action中在成功的操作中添加 outPrint("{success : true}");原创 2011-12-28 20:44:44 · 779 阅读 · 0 评论 -
JSON数据的中文乱码问题
问题描述:在firefox中返回的JSON数据没有出现乱码,但在GridPanel中显示乱码,而jsp页面和xml文件都是utf-8类型。解决方案:在 PrintWriter out = response.getWriter(); 语句前使用response.setContentType("text/json; charset=utf-8");response.setC原创 2011-12-26 19:10:56 · 4608 阅读 · 0 评论 -
创建 GridPanel 时要注意的
1. 对于tbar, 如果之后要用到它,那么即使在创建GridPanel时没有给它添加按钮,也要先给其属性写上 tbar:[], 否则之后无法使用 getTopToolbar()原创 2012-01-07 20:22:21 · 330 阅读 · 0 评论 -
EXTJS框架中由于ID重复引起的各种异常的解决方法(转)
(转自:http://www.cnblogs.com/Heroman/archive/2011/06/24/2089311.html )很多人使用EXTJS中的Tabpanel遇到一个问题:那就是在点击Tabpanel后,有时会发现Tabpanel出现错误,或无法Destroy已经关闭的panel,发现已经关闭的panel 中的组件出现在了页面其他地方。这个问题,网上问转载 2012-01-07 22:06:45 · 1121 阅读 · 0 评论 -
关于想引用gridPanel 中tbar 中按钮的问题
如果想给gridPanel中tbar中的按钮添加事件,那么必须要获得这个按钮。是否想使用: aGrid.findByType('aButton')[0] ?使用的结果是报错,说 这个变量不存在。怎么回事?原来:gridPanel虽然是一个container,可以使用findByType()方法,但是,tbar中的按钮并不属于grid,而且,tbar也不是grid的ite原创 2012-01-13 12:36:40 · 1080 阅读 · 0 评论 -
在Extjs模块化程序中动态加载js文件
1. 本Extjs模块化的方式是参考的 http://microboat.iteye.com/blog/182682 的方法2. 在模块中:Ext.extend(main.module,{ init:function(){ // load js this.loadJS("js/modules/modScoreManage/GridStudent.js",this.o原创 2012-01-16 20:51:14 · 2287 阅读 · 0 评论 -
extjs中 this 在某些情况下指的是哪个对象
情况1:表单发送请求后,若不指定scope,则返回到前端,在success的处理函数范围内,this指的是 window 这个顶层对象。(不管那个表单属于哪个对象。)若指定了scope,返回的处理函数则使用的是之前submit定义的属性中scope定义的范围。情况2:在某个对象的构造函数中,this指的是那个对象本身。原创 2011-12-31 12:18:09 · 2124 阅读 · 1 评论 -
extjs 中的命名空间、类方法、类继承等
(转自:http://blog.csdn.net/wwd252/article/details/3761236)1:支持命名空间 script type="text/javascript"> //定义一个命名空间 Ext.namespace("Ext.wentao"); //在命名空间上定义一个类 Ext.wentao.hell转载 2011-12-31 11:36:49 · 2823 阅读 · 0 评论 -
Extjs 中的容器类MixedCollection 讲解
(转自:http://kaizhongfan.blog.163.com/blog/static/1087082402010216111321463/ )对于Javascript来讲,数组和对象的概念其实界限其实很模糊。因为Array本身就是一个构造函数,对于Array实例化产生的某个数组便是一个对象。我们可以通过arrayObj[‘key’]这样的方式往数组对象中添加元素。当然,作转载 2012-02-08 08:41:57 · 728 阅读 · 0 评论 -
Extjs + java + ibatis 具有搜索功能的分页组件
Extjs提供的store虽然具有过滤功能,但是不具备分页进行搜索的功能。这里提供一个 具有能够分页的搜索方案。1. js文件中:a. 在grid 的 constructor 中:this.store.load({params:{pageStyle:'paging',start:this.nRecordStart,limit:this.nShowRecords,原创 2012-05-09 21:03:39 · 711 阅读 · 0 评论