- 浏览: 234733 次
- 性别:
- 来自: 广州
文章分类
最新评论
-
q459997705:
写的很好,对我很有用
java 连接paradox数据库的几种方式 -
raisun_1988:
还不会用啊
扩展GridPanel,附带分页选中状态,实现快速构建一个功能齐全的Grid -
海阔天空shen:
貌似不行吧 一直loading
查看ext的api文档 -
fxn19870827:
好像是不行啊
jsp解决图片缓存问题 -
songs_0319:
没有用 ,在firefox里面还是乱码
设置EXT提交数据的编码
[color=white]
[list=1]修改列表(grid)里store的加载url
Ext.data.Store里baseParams与Store.load({params:{}})的区别:
baseParams里的参数是一直存在的,而params里的参数,只有load时
才会传递过去,当调用reload时参数就不存在了
使Window以页面的相对大小显示
Ext.FormPanel load(自动加载) 时的json格式
[list]
{data:[{a:'a'},{b:'b'}]},其中data是规定的,不能更改名称
假如不为data的话,比如{root:[{a:'a'},{b:'b'}]},那么form
是自动加载不进去的,这时你需要在Ext.FormPanel里添加
reader属性,如:
[/list]获得iframe的方法
制作表单的时候,经常form组件显示不出来或不正常其中有两个原因
Ext.WindowGroup 负责把 window 归入一组,方便管理;
Js 两个定时器
早上想找一个刷新树的方法,
找了TreePanel,TreeLoader都没找到,
结果发现只有根结点才有reload方法!今天测试了一下,Ext除了用html显示图片外还可以用
下面的autoCreate方式在form里显示,代码如下:
Ext 自定义事件三步曲
[list]
添加事件addEvents(str)
添加事件监听器addListener(eventName,fn,scope);
激发事件fireEvent(eventName,args...)
[/list]Ext reset() 方法刷新时,无法刷新inputType:file的值的解决方法:
不要使用ext Form的刷新方法:
而是换成使用Dom的刷新方法:
不断更新中,大家发现什么问题和技巧,欢迎提出,我会在这里更新的
[/list]
[/color]
楼主: form显示时确实有些问题,但多可以解决。 layout:form时问题比较少,我们使用时发现用table布局时问题比较多。使用其它布局时,建议用一个panel来包装field,panel使用form布局,而field的hideLabel设置为true。 另外grid在tabPanel中显示时也有些问题
我目前遇到个很奇怪的问题 就是在form中用了tabPanel后 有些字段值加载不上!就是第一次加载表单的时候有几个字段加载不上,不刷新页面的时候,再次打开表单加载就能加载上。问题应该是出在第一次打开表单的时候有些字段没有渲染上,不知道这个问题如何解决??困扰我很久了,项目就要上线了,很是烦心!!
这个应该是表格渲染时的耗时,定义了renderer。否则不会这么慢。楼主可以从renderer上考虑一下,比如从server端返回cell的值
不需要这样麻烦:直接在定义的grid里面加上属性loadMask:true就可以显示loading...小窗口了!
loadMask:true 正解
如果出现loading时候,直接调用:loadMash:true,即可
不需要这样麻烦:直接在定义的grid里面加上属性loadMask:true就可以显示loading...小窗口了!
loadMask:true 正解
不需要这样麻烦:直接在定义的grid里面加上属性loadMask:true就可以显示loading...小窗口了!
这种情况当然是分页了,或者使用延时加载,先加载一部分数据,然后根据需要慢慢的加载了。不可能一次性将所有的数据加载完啊,不然的话,你根据一列来排序都需要好久的时间。
嗯...这个。。要么分页,要么用LiveGrid
偶的exreport,
8s可以显示5w的数据了。
btw:在想,gridpanel可不能分批的异步加载数据,
即,100rows,100rows的取,然后加到当前的页面?
嗯...这个。。要么分页,要么用LiveGrid
[list=1]
grid.getStore().proxy.conn.url = "xxx.jsp"; grid.getStore().reload();
才会传递过去,当调用reload时参数就不存在了
height: document.body.clientHeight * xx% width: document.body.clientWidth * xx%
reader属性,如:
reader: new Ext.data.JsonReader({ totalProperty: 'totalProperty', root: 'root' },[ {name:'a'}, {name:'b'} ]) 这样做的好处是可以手动选择想加载的字段!
[/list]
var ifr_window = window.frames["name/id"];
- id冲突,这个问题经常由重用引起的
- 布局,form组件只有在'form'布局才显示正常,应添加layout:'form'
var wgroup = new Ext.WindowGroup(); var win=new Ext.Window({ title:"窗口" width:400, height:300, manager:wgroup}); //接下来就可以利用wgroup对这一组window进行操作啦!如 1、隐藏全部window wgroup.hideAll();
//将执行一次Expression setTimeout(Expression,DelayTime) //每隔DelayTime,执行一次 setInterval(expression,delayTime)
结果发现只有根结点才有reload方法!
{ fieldLabel: '海报', autoCreate:{ tag: "input", type: "image", src: "images/add.gif", width: 150, height: 200, autocomplete: "off" }
this.addEvents('eventName');
this.on('eventName',this.fn,scope);
this.fireEvent('eventName',arg0,arg1,...); //* *---------------------------------------- *添加事件监听器里的执行的方法this.fn里的参数就是 *由激发事件时提供的,如agr0,agr1,... *----------------------------------------- */
[/list]
FormPanel.form.reset()
而是换成使用Dom的刷新方法:
FormPanel.form.getEl().dom.reset();
[/color]
评论
19 楼
qiu768
2009-01-09
z_jingwei 写道
楼主: form显示时确实有些问题,但多可以解决。 layout:form时问题比较少,我们使用时发现用table布局时问题比较多。使用其它布局时,建议用一个panel来包装field,panel使用form布局,而field的hideLabel设置为true。 另外grid在tabPanel中显示时也有些问题
我目前遇到个很奇怪的问题 就是在form中用了tabPanel后 有些字段值加载不上!就是第一次加载表单的时候有几个字段加载不上,不刷新页面的时候,再次打开表单加载就能加载上。问题应该是出在第一次打开表单的时候有些字段没有渲染上,不知道这个问题如何解决??困扰我很久了,项目就要上线了,很是烦心!!
18 楼
z_jingwei
2008-12-29
楼主:
form显示时确实有些问题,但多可以解决。
layout:form时问题比较少,我们使用时发现用table布局时问题比较多。使用其它布局时,建议用一个panel来包装field,panel使用form布局,而field的hideLabel设置为true。
另外grid在tabPanel中显示时也有些问题
form显示时确实有些问题,但多可以解决。
layout:form时问题比较少,我们使用时发现用table布局时问题比较多。使用其它布局时,建议用一个panel来包装field,panel使用form布局,而field的hideLabel设置为true。
另外grid在tabPanel中显示时也有些问题
17 楼
z_jingwei
2008-12-29
lims 写道
EXTJS,前几天,给客户替换了一个功能,用了EXTJS,一个页面有600条数据,显示需要8秒左右的时间,没法忍受了,客户又要换回以前那种table的了。
这个应该是表格渲染时的耗时,定义了renderer。否则不会这么慢。楼主可以从renderer上考虑一下,比如从server端返回cell的值
16 楼
wyyacyy
2008-12-25
dayone 写道
jacky9692 写道
ybb 写道
在加载grid 表格数据的时候,
直接写成
往往不出现load...提示的小窗,
改成
即可出现加载数据的loading...提示
直接写成
datastroe.load({params:{start:0,limit:15}});
往往不出现load...提示的小窗,
改成
setTimeout(function(){datastroe.load({params:{start:0,limit:PAGE_15}})},1);
即可出现加载数据的loading...提示
不需要这样麻烦:直接在定义的grid里面加上属性loadMask:true就可以显示loading...小窗口了!
loadMask:true 正解
如果出现loading时候,直接调用:loadMash:true,即可
15 楼
dayone
2008-12-04
jacky9692 写道
ybb 写道
在加载grid 表格数据的时候,
直接写成
往往不出现load...提示的小窗,
改成
即可出现加载数据的loading...提示
直接写成
datastroe.load({params:{start:0,limit:15}});
往往不出现load...提示的小窗,
改成
setTimeout(function(){datastroe.load({params:{start:0,limit:PAGE_15}})},1);
即可出现加载数据的loading...提示
不需要这样麻烦:直接在定义的grid里面加上属性loadMask:true就可以显示loading...小窗口了!
loadMask:true 正解
14 楼
jacky9692
2008-10-10
ybb 写道
在加载grid 表格数据的时候,
直接写成
往往不出现load...提示的小窗,
改成
即可出现加载数据的loading...提示
直接写成
datastroe.load({params:{start:0,limit:15}});
往往不出现load...提示的小窗,
改成
setTimeout(function(){datastroe.load({params:{start:0,limit:PAGE_15}})},1);
即可出现加载数据的loading...提示
不需要这样麻烦:直接在定义的grid里面加上属性loadMask:true就可以显示loading...小窗口了!
13 楼
vishare
2008-10-09
# 使Window以页面的相对大小显示
Java代码 复制代码
1. height: document.body.clientHeight * xx%
2. width: document.body.clientWidth * xx%
要是这么写,好像是要语法错的呀
例如我写成这个样子.loginForm表示window里的一个form组件
var win = new Ext.Window({
width: document.body.clientWidth * 80% ,
height: document.body.clientHeight * 60% ,
maximizable: true,
resizable: true,
title: Mytest,
closable: true,
modal: true,
layout: 'border',
items: [loginForm],
closeAction: 'hide'
});
要实现那个效果应该怎么写呢?
Java代码 复制代码
1. height: document.body.clientHeight * xx%
2. width: document.body.clientWidth * xx%
要是这么写,好像是要语法错的呀
例如我写成这个样子.loginForm表示window里的一个form组件
var win = new Ext.Window({
width: document.body.clientWidth * 80% ,
height: document.body.clientHeight * 60% ,
maximizable: true,
resizable: true,
title: Mytest,
closable: true,
modal: true,
layout: 'border',
items: [loginForm],
closeAction: 'hide'
});
要实现那个效果应该怎么写呢?
12 楼
absolute007
2008-08-07
lims 写道
EXTJS,前几天,给客户替换了一个功能,用了EXTJS,一个页面有600条数据,显示需要8秒左右的时间,没法忍受了,客户又要换回以前那种table的了。
这种情况当然是分页了,或者使用延时加载,先加载一部分数据,然后根据需要慢慢的加载了。不可能一次性将所有的数据加载完啊,不然的话,你根据一列来排序都需要好久的时间。
11 楼
chanball
2008-08-06
引用
dimboo 23 小时前
请问你刷新树的方法找到了吗?
dianbo.zhu@gmail.com
请问你刷新树的方法找到了吗?
dianbo.zhu@gmail.com
tree.root.reload()
10 楼
dimboo
2008-08-05
请问你刷新树的方法找到了吗?
dianbo.zhu@gmail.com
dianbo.zhu@gmail.com
9 楼
yixiaotian
2008-07-26
谁有EXT和J2EE整合的例子,给小弟一个啊!非常感谢!
8 楼
cnpollux
2008-07-24
http://www.codeproject.com/KB/ajax/AjaxScrollingPagination.aspx,这里有个例子,分批加载数据。是C#代码,但是JS代码还是有参考价值的
7 楼
kimmking
2008-07-23
sp42 写道
引用
EXTJS,前几天,给客户替换了一个功能,用了EXTJS,一个页面有600条数据,显示需要8秒左右的时间,没法忍受了,客户又要换回以前那种table的了。
嗯...这个。。要么分页,要么用LiveGrid
偶的exreport,
8s可以显示5w的数据了。
btw:在想,gridpanel可不能分批的异步加载数据,
即,100rows,100rows的取,然后加到当前的页面?
6 楼
sp42
2008-07-23
引用
EXTJS,前几天,给客户替换了一个功能,用了EXTJS,一个页面有600条数据,显示需要8秒左右的时间,没法忍受了,客户又要换回以前那种table的了。
嗯...这个。。要么分页,要么用LiveGrid
5 楼
zhangtianqi
2008-07-20
楼主很好人!
4 楼
Saro
2008-07-17
formPanel.form.setValues({id:1,name:'aabbcc'});
这样加载更方便通用点。
这样加载更方便通用点。
3 楼
ybb
2008-07-17
在加载grid 表格数据的时候,
直接写成
往往不出现load...提示的小窗,
改成
即可出现加载数据的loading...提示
直接写成
datastroe.load({params:{start:0,limit:15}});
往往不出现load...提示的小窗,
改成
setTimeout(function(){datastroe.load({params:{start:0,limit:PAGE_15}})},1);
即可出现加载数据的loading...提示
2 楼
lims
2008-07-16
EXTJS,前几天,给客户替换了一个功能,用了EXTJS,一个页面有600条数据,显示需要8秒左右的时间,没法忍受了,客户又要换回以前那种table的了。
1 楼
reignile
2008-07-15
不错,赞楼主,对我这个初学者很有用,希望继续~
发表评论
-
EXT CHANGELOG
2010-04-02 10:29 9973.2http://www.extjs.com/produc ... -
给Ext.Toolbar加上remove方法以移除子组件
2010-02-08 10:02 2648在用Ext.Toolbar的时候,发现竟然没有remove方法 ... -
ext panel屏蔽右键菜单
2010-01-11 14:46 2006panel.on('render',function(){ ... -
extjs htmleditor readOnly无效解决方法
2010-01-07 13:03 2497Ext 里的Ext.form.HtmlEditor里readO ... -
ext TabPanel相关
2009-04-24 12:11 2079在使用Ext.TabPanel时,经常会用到tabchang ... -
extjs GridPanel 相关
2009-04-16 16:41 1996var hmenu = this.grid.getView() ... -
extjs store 相关
2009-04-16 16:39 1202Method filterBy(fn,scope)过虑记录时 ... -
遍历ext form表单的递归方法
2009-04-10 10:54 2110function eachItem(item,inde ... -
javascript 闭包
2009-03-26 20:40 871elf8848 写道 function outer ... -
extjs - 树
2009-03-12 17:55 1794<1>重新load单一树节点(node) t ... -
查看ext的api文档
2008-12-29 22:36 2311找到这个localXHR.js(附件里有这个文件)复制到doc ... -
设置EXT提交数据的编码
2008-10-27 10:35 1321对于提交中出现的乱码,在Ext中可以修改Request Hea ... -
扩展combobox的下拉Grid
2008-09-17 12:45 3840/** * 下拉ComboBoxGrid * ... -
Ext Js 给window或panel加上热键
2008-08-21 14:25 2430如题,代码如下: var OverTimeForm = n ... -
ext 图片预览事件触发以及IE7下预览图片
2008-08-21 14:11 3008首先在FormPanel里添加图片预览区以及图片选择组件 ... -
下拉树ComboBoxTree
2008-08-21 13:44 8140在网上搜了两棵下拉树,均有一些小问题,用不了,于是自己参考它们 ... -
Ext.Panel API翻译
2008-07-22 11:17 2924Ext.Panel API翻译 引用网 ... -
ExtJs 委托与回调(createDelegate && createCallback)
2008-07-15 12:44 2029author=Ext Community(译者:[http:/ ... -
扩展GridPanel,附带分页选中状态,实现快速构建一个功能齐全的Grid
2008-06-06 14:26 4555使用简单的配置就可以实现 store, columns, se ... -
ExtJs 上传控件change事件触发解决方法
2008-06-06 14:18 9391在 Ext 中,上传控件的ch ...
相关推荐
开发过程中总结ExtJs3.1一些技巧.
ext是强大的js类库 它提供了丰富的,非常漂亮的外观体验,成为众多界面层开发人员的追捧!其核心的组件基本覆盖了我们构建富客户端的常用的组件。该文档超级详细,是学习ext的法宝!
JavaScript对象与继承教程之内置对象(下) JavaScript对象及继承教程(上) javascript正则表达式(一) javascript正则表达式(二) JavaScript的10种跨域共享方法 JavaScript类型总览 JavaScript获取文本框光标的像素...
不仅全面地阐述了ExtJS的基础知识,而且深入浅出地讲解了ExtJS开发中的高级技巧,同时还给出了大量专家级的建议。通过学习本书,读者将感受到ExtJS的无穷魅力和Ajax技术带来的完美体验。 本书适合有一定CSS和HTML...
不仅全面地阐述了ExtJS的基础知识,而且深入浅出地讲解了ExtJS开发中的高级技巧,同时还给出了大量专家级的建议。通过学习本书,读者将感受到ExtJS的无穷魅力和Ajax技术带来的完美体验。 本书适合有一定CSS和HTML...
Extjs4开发笔记,自己学习Extjs4的一些心得体会和小技巧
该系统结合struts+hibernate+spring使用四层架构设计, 采用extjs设计界面,实现用户登录及grid的搜索显示功能, 该系统没有完全开发完成, 实现了部分功能, 仅供参考者学习一些项目的设计思路和extjs的使用技巧....
3.1.3 ExtJS与常见JavaScript库的介绍与对比 3.2 创建第一个程序 3.2.1 下载ExtJS 3.2.2 部署到开发工具中 3.2.3 编写HelloWorld.html 3.2.4 运行调试ExtJS 3.3 辅助开发 3.3.1 调试工具Firebug 3.3.2 开发...
通过多级的代码来获取组件当中表单元素值的一些技巧
extjs开发介绍和帮助,详细介绍了extjs的功能和开发技巧
ExtJS开发资料 公司内部培训使用 ExtJS的常用对象的介绍及其使用技巧 以及 在开放中常见问题及其解决方案
浅显易懂的Extjs的学习 归纳一些常用的开发技巧
资源名称:JavaScript凌厉开发:Ext JS 3详解与实践内容简介:本书详细介绍Ext JS框架体系结构,以及利用HTML/CSS/Javascript进行前端设计的方法和技巧。作者为Ext中文站站长领衔的三个国内Ext JS先锋,在开发...
extjs实用开发指南,该指南详细的介绍了ext开发技巧以及案例
注:ExtAspNet 基于一些开源程序,比如ExtJS, HtmlAgilityPack, Nii.JSON, YUICompressor. 支持的浏览器: IE 7.0+, Firefox 3.0+, Chrome 2.0+, Opera 9.5+, Safari 3.0+ 开源网址:...
3.1.3 ExtJS与常见JavaScript库的介绍与对比 3.2 创建第一个程序 3.2.1 下载ExtJS 3.2.2 部署到开发工具中 3.2.3 编写HelloWorld.html 3.2.4 运行调试ExtJS 3.3 辅助开发 3.3.1 调试工具Firebug 3.3.2 开发...
《Ext JS实用开发指南》有两大特点:第一,授人以鱼,根据Ext JS的构成体系全面系统地讲解了其开发方法与技巧,每个知识点都辅之以翔实的案例,同时包含大量最佳实践,适合系统学习和开发参考;第二,授人以渔,宏观...
ExtJs权威指南全套、中文、PDF、非扫描、高清电子书籍、全面讲解EXTJS的语法规则、开发方式和技巧
17.is 测试当前元素是否与传入的选择符相符一致。 复制代码 代码如下: var el = Ext.get('elId'); if (el.is('p.myCls')) { // 条件成立 } 18.findParent 定位于此节点,以此节点为起点,向外围搜索外层的父...
主要介绍了extjs4图表绘制之折线图实现方法,结合实例形式分析了extjs4绘制折线图的相关操作技巧、实现方法与相关注意事项,需要的朋友可以参考下