extjs2.2项目开发总结

·  Java代码

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

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

 grid.getStore().reload();

 

·  Ext.data.Store里baseParams与Store.load({params:{}})的区别：      baseParams里的参数是一直存在的，而params里的参数，只有load时
     才会传递过去，当调用reload时参数就不存在了

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

Java代码

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

 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属性，如:

Java代码

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

reader: new Ext.data.JsonReader({

           totalProperty: 'totalProperty',

           root: 'root'

        },[

           {name:'a'},

           {name:'b'}

        ])

 这样做的好处是可以手动选择想加载的字段！

 

[/list]

·  获得iframe的方法

Java代码

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

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

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

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

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

Java代码

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

 var wgroup = new Ext.WindowGroup();

 var win=new Ext.Window({

      title:"窗口"

      width:400,

      height:300,

      manager:wgroup});

//接下来就可以利用wgroup对这一组window进行操作啦！如

1、隐藏全部window

wgroup.hideAll();

·  Js 两个定时器

Java代码

1. //将执行一次Expression   
2. setTimeout(Expression,DelayTime)   
3. //每隔DelayTime,执行一次   
4. setInterval(expression,delayTime)  

//将执行一次Expression

setTimeout(Expression,DelayTime)

//每隔DelayTime,执行一次

setInterval(expression,delayTime)

·  早上想找一个刷新树的方法，找了TreePanel,TreeLoader都没找到，
结果发现只有根结点才有reload方法！

·  今天测试了一下，Ext除了用html显示图片外还可以用     下面的autoCreate方式在form里显示,代码如下：

Java代码

1. {   
2.  fieldLabel: '海报',   
3.  autoCreate:{   
4.      tag: "input",   
5.      type: "image",   
6.      src: "images/add.gif",   
7.      width: 150,   
8.      height: 200,   
9.      autocomplete: "off"  
10. }  

{

 fieldLabel: '海报',

 autoCreate:{

     tag: "input",

     type: "image",

     src: "images/add.gif",

     width: 150,

     height: 200,

     autocomplete: "off"

}

·  Ext 自定义事件三步曲 [list]

·  添加事件addEvents(str)

Java代码

1. this.addEvents('eventName');  

 this.addEvents('eventName');

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

Java代码

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

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

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

Java代码

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

 this.fireEvent('eventName',arg0,arg1,...);

//*

  *----------------------------------------

  *添加事件监听器里的执行的方法this.fn里的参数就是

  *由激发事件时提供的，如agr0,agr1,...

  *-----------------------------------------

  */

[/list]

·  Ext reset() 方法刷新时,无法刷新inputType:file的值的解决方法: 不要使用ext Form的刷新方法：

Java代码

1. FormPanel.form.reset()  

FormPanel.form.reset()

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

Java代码

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

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

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

 

 

centerPanel.setUrl('http://www.google.cn'); 运行在服务器上才可以

centerPanel.setUrl('jsp1.jsp');