ExtJs 的一些技巧与问题

[color=white]
[list=1]

修改列表(grid)里store的加载url

 

 grid.getStore().proxy.conn.url = "xxx.jsp";
 grid.getStore().reload();
  

Ext.data.Store里baseParams与Store.load({params:{}})的区别：

     baseParams里的参数是一直存在的，而params里的参数，只有load时
     才会传递过去，当调用reload时参数就不存在了

使Window以页面的相对大小显示

 height: document.body.clientHeight * xx%
 width: document.body.clientWidth * xx%

Ext.FormPanel load(自动加载) 时的json格式

[list]

{data:[{a:'a'},{b:'b'}]},其中data是规定的，不能更改名称

假如不为data的话，比如{root:[{a:'a'},{b:'b'}]},那么form

是自动加载不进去的，这时你需要在Ext.FormPanel里添加
reader属性，如:

reader: new Ext.data.JsonReader({
           totalProperty: 'totalProperty',
           root: 'root'
        },[
           {name:'a'},
           {name:'b'}
        ])
 这样做的好处是可以手动选择想加载的字段！

[/list]

获得iframe的方法

 var ifr_window = window.frames["name/id"];  

制作表单的时候，经常form组件显示不出来或不正常其中有两个原因

• id冲突，这个问题经常由重用引起的
• 布局，form组件只有在'form'布局才显示正常，应添加layout:'form'

Ext.WindowGroup 负责把 window 归入一组，方便管理;

 var wgroup = new Ext.WindowGroup();
 var win=new Ext.Window({
      title:"窗口"	
      width:400,
      height:300,
      manager:wgroup}); 	
//接下来就可以利用wgroup对这一组window进行操作啦！如
1、隐藏全部window
wgroup.hideAll();

Js 两个定时器

//将执行一次Expression
setTimeout(Expression,DelayTime)
//每隔DelayTime,执行一次
setInterval(expression,delayTime)

早上想找一个刷新树的方法，

找了TreePanel,TreeLoader都没找到，
结果发现只有根结点才有reload方法！

今天测试了一下，Ext除了用html显示图片外还可以用

    下面的autoCreate方式在form里显示,代码如下：

{
 fieldLabel: '海报',
 autoCreate:{
     tag: "input",
     type: "image",
     src: "images/add.gif",
     width: 150,
     height: 200,
     autocomplete: "off"
}

Ext 自定义事件三步曲

[list]

添加事件addEvents(str)

 this.addEvents('eventName');

添加事件监听器addListener(eventName,fn,scope);

 this.on('eventName',this.fn,scope);

激发事件fireEvent(eventName,args...)

 this.fireEvent('eventName',arg0,arg1,...);
//*
  *----------------------------------------
  *添加事件监听器里的执行的方法this.fn里的参数就是
  *由激发事件时提供的，如agr0,agr1,...
  *-----------------------------------------
  */

[/list]

Ext reset() 方法刷新时,无法刷新inputType:file的值的解决方法:

不要使用ext Form的刷新方法：

FormPanel.form.reset()

而是换成使用Dom的刷新方法：

FormPanel.form.getEl().dom.reset();

不断更新中，大家发现什么问题和技巧，欢迎提出，我会在这里更新的

[/list]
[/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中显示时也有些问题

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 表格数据的时候，
直接写成

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 表格数据的时候，
直接写成

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 表格数据的时候，
直接写成

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'
});

要实现那个效果应该怎么写呢?

12 楼 absolute007 2008-08-07  

lims 写道

EXTJS，前几天，给客户替换了一个功能，用了EXTJS，一个页面有600条数据，显示需要8秒左右的时间，没法忍受了，客户又要换回以前那种table的了。

这种情况当然是分页了，或者使用延时加载，先加载一部分数据，然后根据需要慢慢的加载了。不可能一次性将所有的数据加载完啊，不然的话，你根据一列来排序都需要好久的时间。

11 楼 chanball 2008-08-06  

引用

dimboo 23 小时前
请问你刷新树的方法找到了吗？
[e-mail]

tree.root.reload()

10 楼 dimboo 2008-08-05  

请问你刷新树的方法找到了吗？
[e-mail]

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 表格数据的时候，
直接写成

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  

不错，赞楼主，对我这个初学者很有用，希望继续~