
Ext
文章平均质量分 74
zhoushuai3066
这个作者很懒,什么都没留下…
展开
-
Extjs创建多个controller实现多模块MVC动态加载。。完美破解版
原创作品:勿转载。java高级交流群:37341439 欢迎各位朋友一起交流。之前想通过创建多个application来实现动态加载模块。保留mvc模式。但是那样不是很好。改成动态加载controller来显示加载多模块,一个模块对应一个controller,在controller中动态加载其他controller。可以先参考之前的文原创 2012-11-15 11:12:28 · 22835 阅读 · 4 评论 -
Ext.ux.form.SearchField 详解
如何为Ext增加搜索条,有很多种办法,参考很多实现,觉得都不理想,参考了Ext的Example,觉得还是ext自己的写的比较专业ExtSearchField插件代码,在ux目录可以找到/*!* Ext JS Library 3.0.0* Copyright(c) 2006-2009 Ext JS, LLC* licensing@extjs.com* http://www.extjs.com转载 2010-05-07 20:06:00 · 7337 阅读 · 1 评论 -
Ext ip的vtype
var IPReg = /^(/d{1,2}|1/d/d|2[0-4]/d|25[0-5])/.(/d{1,2}|1/d/d|2[0-4]/d|25[0-5])/.(/d{1,2}|1/d/d|2[0-4]/d|25[0-5])/.(/d{1,2}|1/d/d|2[0-4]/d|25[0-5])$/i; Ext.apply(Ext.form.VTypes, { IPVali: functio原创 2010-05-06 12:20:00 · 773 阅读 · 0 评论 -
Vtype 判断密码重复
Ext Vtype 表单验证2009-09-11 16:58 在ExtJS中,使用了四种自定义,分别是alpha,alphanum,email,url,分别用来验证表单中的值是否符合字母、字母数 字、电子邮件、URL等格式。但在实际应用中,我们需要验证的格式或者规则还是很多的。由于ExtJS是开源的框架,因此,我们可以扩展vtype的功 能,实现自定义的vtyp转载 2010-05-05 18:24:00 · 1517 阅读 · 1 评论 -
Ext.grid.RowExpander的应用2
前两天用到extjs中的插件Ext.grid.RowExpander,但是我的代码都是继承vifir网站中提供的EasyJF.Ext.CrudPanel,这个累提供的常用的增删改查的操作,我们这里写入我们相关的表单信息就可以,如:EasyJF.Ext.CrudPanel的代码:EasyJF.Ext.CrudPanel=Ext.extend(Ext.Panel,{ closable转载 2010-05-04 16:37:00 · 1671 阅读 · 0 评论 -
CHECKGROUP的设置checked
for(var i = 0;i for(var ci = 0;ci var ckitem = ckgroup.items.itemAt(ci); if(cki转载 2010-05-04 16:30:00 · 1251 阅读 · 0 评论 -
动态生成form
var p; Ext.Ajax.request({ url : 1.txt, params : { objectID : 18 }, success : function(js转载 2010-05-04 16:23:00 · 481 阅读 · 0 评论 -
Ext.grid.RowExpander的应用
/*! * Ext JS Library 3.1.1 * Copyright(c) 2006-2010 Ext JS, LLC * licensing@extjs.com * http://www.extjs.com/license */Ext.ns(Ext.ux.grid);/** * @class Ext.ux.grid.RowExpander * @extends Ext.util.Ob转载 2010-05-04 16:35:00 · 4880 阅读 · 1 评论 -
Ext checkboxGroup 全选
var myCheckbox = new Ext.form.CheckboxGroup({ id:myGroup, xtype: checkboxgroup, fieldLabel: Single Column, // Put all controls in a single column with width 100%转载 2010-05-04 16:28:00 · 3546 阅读 · 0 评论 -
combobox的store过滤数据
function array_has(arr,val){ var i; for(i = 0; i { if(arr[i] == val) { return true; } } return false; }转载 2010-05-04 16:25:00 · 630 阅读 · 0 评论 -
extjs grid checkbox 默认选中
extjs grid checkbox 默认选中(2010-04-01 16:21:05)转载标签:extjscheckboxit分类:extjsvar sm2= new Ext.grid.CheckboxSelectionModel({ singleSelect:this.is_sin转载 2010-05-07 23:11:00 · 9992 阅读 · 1 评论 -
几个ext例子的网站
<br />http://www.open-open.com/ajax/ExtJs.htm<br /> <br />~~~<br /> <br />http://blogs.byte-force.com/xor/tinymce/原创 2010-07-05 10:41:00 · 646 阅读 · 0 评论 -
Extjs创建多个application实现多模块MVC动态加载。。
原创作品:勿转载。(这么做会有问题。。controller里面的control注册的事件会丢失。~~~先不这么弄了哦。官方好像好像是一个应用一个application。有实现的方法,但是修改起来代码不好理解,万一出了问题还不好修改,所以还是不逆天了。貌似4.2里面应该会支持动态加载controller。。看到了getApplication的api,通过application的getControll原创 2012-09-20 15:26:09 · 15173 阅读 · 0 评论 -
Ext.ComponentQuery.query()
用来找特点的所有容器(Ext.container.Container)或是通过Ext.ComponentManager找特定的所有组件1.当找组件的时候,相当于调用Ext.ComponentQuery.query()可以接收的参数有1)xtype//找xypte为panel的所有组件var panelsArray = Ext.ComponentQuery.query('pane转载 2012-09-03 16:11:16 · 2911 阅读 · 0 评论 -
EXTJS4 ComponentQuery
EXTJS4发布有一段时间了,最近也一直在关注EXTJS4中的一些新的知识点,本节咱们一起来看一下ExtJS4中的ComponentQuery类,这个类是用来查找容器内的组件的。实现方式类似于CSS的Selector。还记得我们在EXT3中查找组件的方式也有很多种,比如说,利用(ID)、(ref引用)、(items.get(0)利用组件的层级)。在EXTJS4中我们将会又要多一种方式。来获得我们想转载 2012-09-03 16:01:40 · 757 阅读 · 0 评论 -
Extjs4.0学习@
http://mhzg.net/a/20116/20116281100279.html转载 2011-09-13 15:12:02 · 462 阅读 · 0 评论 -
Ext4.0 相关资料
<br />http://www.oschina.net/news/17493/extjs-4-0-final#rpl_260764138<br /> <br />http://dev.sencha.com/deploy/ext-4.0.0/release-notes.html<br /> <br />sample :http://dev.sencha.com/deploy/ext-4.0.0/examples/转载 2011-04-27 10:05:00 · 969 阅读 · 0 评论 -
Ext说明
<br />原帖地址:<br />http://www.meanray.com/pku/jishuziyuan/CHMshouce/chuxuezheyuandi/2010/1117/322.html<br /> 第一句 Js代码 window.undefined=window.undefined; 兼容IE6以下的浏览器, 有人 解释过了。 定义Ext全局变量 Js代码 Ext={ version: '3.1.0' }; 注意这里没有使用var,不使用var声明变量被认为是不好的编<br /> 第一句 <转载 2010-12-21 15:37:00 · 551 阅读 · 0 评论 -
store和grid
<br />Ext.myns.jsonds.on('load',function(store){<br /> store.remove(store.getById("total"));<br /> var sum;<br /> sum=store.sum("Fqty");<br /> //Ext转载 2010-06-24 09:41:00 · 445 阅读 · 0 评论 -
ext单元格背景颜色
<br />转帖地址:http://ext.group.javaeye.com/group/blog/661971<br /> <br />第一种情况:加载数据时改变列的颜色 <br />首先定义一个样式如下(这里以红色背景为例): <br /><br /><br /> .x-grid-back-red { <br /> background: #FF0000; <br /> } <br /><br /><br /><br /><br />定义改变颜色的列: <br /><b转载 2010-06-23 15:25:00 · 2472 阅读 · 0 评论 -
Ext dateField 设置minValue后,不能选中minValue
{ id:startdt, name : contract.startDate, xtype : datefield, fieldLabel : 开始时间, minValue:new Date().clearTime(), allowBlank : false, blankText :原创 2010-05-15 15:36:00 · 1539 阅读 · 1 评论 -
2个Ext.form.DateField 取值范围控制
项目中有时需要用到起始日期和结束日期,要做到起始日期必须小于结束日期。在extjs中已经有现成的函数,摘录如下:view plaincopy to clipboardprint?Ext.apply(Ext.form.VTypes, { daterange : function(val, field) { var date = fi转载 2010-04-29 21:43:00 · 2668 阅读 · 1 评论 -
Ext中combobox读数据后 设置默认值
typeCommonStore.on(load,function(store,records,op){if(records.length>0){ext_docTypeCommonbox.setValue(records[0].data[id]);}});来源:一起Ext原文地址:http://www.17ext.com/showtopic-7308.aspx转载 2010-04-22 11:02:00 · 427 阅读 · 0 评论 -
转:带搜索分页的gird
Ext.onReady(function(){ var ds = new Ext.data.Store({//这是数据源 proxy : new Ext.data.HttpProxy({url:index.php?model=user&action=list&}), reader: new Ext.data.JsonReader({ ro转载 2010-03-08 17:45:00 · 550 阅读 · 0 评论 -
带搜索功能的表格:Ext.ux.form.SearchField
只需要引入:SearchField.js 就可以了!~ store中要使用:baseParams:{ start : 0, limit : pageSize, query :"" }这样第一次搜索才会传入 limit和query和start只要在grid的tbar中或者bbar中添加: new Ext.ux.form.SearchFie原创 2010-03-08 17:45:00 · 2077 阅读 · 1 评论 -
ext例子
最近在研究Ext,做了一个ajax调取后台数据再显示出来的demo. 在Panel中要用到store中的数据. 请问如何才能让panel在store.load后才表现出来.谢谢 下面是部分代码 show.jsp Java代码 Ext.onReady(function(){ if (newsid==){ Ext.Msg.alert(抱歉转载 2010-03-08 17:48:00 · 523 阅读 · 0 评论 -
ext的提交时候,返回值的处理
如果是通过request提交: success: function (response,option){ var rs = Ext.util.JSON.decode(response.responseText); if(rs.success==true){ Ext.Msg.alert(提示,rs.msg);原创 2010-03-08 17:47:00 · 821 阅读 · 0 评论 -
javascript设计模式之单体模式
单体是一个用来划分命名空间并将一批相关的属性和方法组织在一起的对象,如果他可以被实例化,那么他只能被实例化一次。单体模式是javascript里面最基本但也是最有用的模式之一。特点:1. 可以来划分命名空间,从而清除全局变量所带来的危险。2. 利用分支技术来来封装浏览器之间的差异。3. 可以把代码组织的更为一体,便于阅读和维护。 单体的基本转载 2010-03-10 09:28:00 · 494 阅读 · 0 评论 -
转:ext+struts2实现上传
upload.html 上传文件 上传文件 上传文件 上传文件 upload.js 1. Ext.onReady(f转载 2010-03-08 17:52:00 · 989 阅读 · 0 评论 -
gridPanel基本表格
//定义数据二维数组var data=[ [列1内容1, 列2内容1,列3内容1],[列1内容2, 列2内容2,列3内容2], [列1内容3, 列2内容3,列3内容3],[列1内容4, 列2内容4,列3内容4] ];//自定义列function check(value){if (value==列1内容2){return 自定义列;} else转载 2010-03-08 17:29:00 · 413 阅读 · 0 评论 -
一个查看和下载ext中文文档的地址!
http://ajaxjs.com/docs/原创 2010-03-08 10:48:00 · 339 阅读 · 0 评论 -
我的ext例子
Ext.QuickTips.init();Ext.onReady(function() { var fields = ["address", "company", "name", "personid"]; var pageSize = 5; function createForm() { var newForm = new Ext.form.FormPane原创 2009-12-22 09:52:00 · 1489 阅读 · 1 评论 -
Ext继承模式
Ext源码分析源码分析之Ext的继承模式解说——第一节、类的定义关键字: ext将Ext的extend继承,我大不算费很大的口舌来解释,因为真的很难表达,什么原型啦,构造函数啦等等拗口的词汇反而不会帮助我们理解,最通俗易懂的莫过于例子了。下面的例子都是模仿Ext的写法来写的,非常正轨,都是本人精心斟酌过的,是一种非常好的设计模式,希望大家既然来看了,就耐心品味下,呵呵,欢迎留言交流 下面这转载 2010-03-08 17:49:00 · 471 阅读 · 0 评论 -
Ext架构分析(3)--Widget之父Component:构建器
在Ext2.0中,Component是一切Widget的父类,所有的Widget都继承与它,而他又继承自Observable,因此,它天生就具备了对于事件的处理能力。 首先,让我们看一下它的构建器,它的构建器可以传入三种类型的对象: 对象(该对象的initailConfig属性为真正的配置对象;isAction属性决定了该参数是否是一个Ext.Action对象,如果是Ext.Action对象则注册转载 2010-03-09 14:44:00 · 492 阅读 · 0 评论 -
Ext.Panle Ext.TabPanel Ext.Viewport第2/3页
跟普通的面板没什么区别,只是多了个tools配置属性,可以通过ID来设置工具栏选项种类,如果需要给工具栏选项添加事件,则直接配置handler属性就可以。下面我为大家贴了一些id的枚举值: toggle (collapsable为true时的默认值) close minimize maximize restore gear pin unpin right left up down refresh转载 2010-04-19 18:46:00 · 496 阅读 · 0 评论 -
Tabpanel标题active样式修改
Tabpanel标题active样式修改做出来后的效果如下: 用到的图:把图片添加到项目中,在.jsp页面的ext-all.css定义后,添加.x-tab-strip-top .x-tab-strip-active .x-tab-right { background-position: 0 0; background-image: url(/images/tab转载 2010-04-19 18:44:00 · 1736 阅读 · 0 评论 -
Element
第1章 Ext Core重要概念在经历了一年多的等待,Ext官方出人意料地推出了一个只有25KB大小的Ext Core 3,此举说明Ext官方已不满足于使用Ext构建Web应用平台,还要在Web 2.0网站开发中与jQuery一较高低。Ext Core为了实现轻量化,将Ext中的UI部分和与之相关的数据处理部分都剔除了,只保留了DOM操作和遍历、Ajax、事件处理(包括自定义事件转载 2010-03-30 19:51:00 · 1215 阅读 · 0 评论 -
ext 的Grid添加列线
.x-grid3-col, .x-grid3-cell{ border-right: 1px solid #ecefd6 !important;} 在ext-all.css中添加这个样式,原创 2010-03-17 09:39:00 · 620 阅读 · 0 评论 -
Ext架构分析(3)--Widget之父Component:总结
Ext架构分析(3)--Widget之父Component:总结 在这里,我们引用Ext Overview中的Component life cycle对组件的功能进行相应的总结: [list=1] 配置项对象生效: 组件对象的构造器会把全部的配置项传入到其子类中去,并且进行下列所有的步骤。 组件的底层事件创建 这些事件由组件对象负责触发。事件有enable, disab转载 2010-03-09 14:43:00 · 385 阅读 · 0 评论 -
Ext架构分析(2)--理解Ext.util.Observable
Observable维护了一个events数组,并提供了更加方便的对于事件的封装和调用机制。同Event一样,它也提供了addListener、removeListener方法。它提供的addListenere方法使用起来更加方便,你可以通过json对象一次实现多个事件的绑定: foo.addListener({ click : { fn: this.onClick, scope:转载 2010-03-09 11:18:00 · 396 阅读 · 0 评论