ext 常用技巧(转)

ext 常用技巧(转)
Java代码
grid.getStore().proxy.conn.url = "xxx.jsp";
grid.getStore().reload();

Ext.data.Store里baseParams与Store.load({params:{}})的区别：
baseParams里的参数是一直存在的，而params里的参数，只有load时
才会传递过去，当调用reload时参数就不存在了
使Window以页面的相对大小显示
Java代码
height: document.body.clientHeight * xx%
width: document.body.clientWidth * xx%

Ext.FormPanel load(自动加载) 时的json格式
{data:[{a:'a'},{b:'b'}]},其中data是规定的，不能更改名称
假如不为data的话，比如{root:[{a:'a'},{b:'b'}]},那么form
是自动加载不进去的，这时你需要在Ext.FormPanel里添加
reader属性，如:
Java代码
reader: new Ext.data.JsonReader({
totalProperty: 'totalProperty',
root: 'root'
},[
{name:'a'},
{name:'b'}
])
这样做的好处是可以手动选择想加载的字段！

获得iframe的方法
Java代码
var ifr_window = window.frames["name/id"];
制作表单的时候，经常form组件显示不出来或不正常其中有两个原因
id冲突，这个问题经常由重用引起的
布局，form组件只有在'form'布局才显示正常，应添加layout:'form'
Ext.WindowGroup 负责把 window 归入一组，方便管理;
Java代码
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代码
//将执行一次Expression
setTimeout(Expression,DelayTime)
//每隔DelayTime,执行一次
setInterval(expression,delayTime)
早上想找一个刷新树的方法，
找了TreePanel,TreeLoader都没找到，
结果发现只有根结点才有reload方法！
今天测试了一下，Ext除了用html显示图片外还可以用
下面的autoCreate方式在form里显示,代码如下：
Java代码
{
fieldLabel: '海报',
autoCreate:{
tag: "input",
type: "image",
src: "images/add.gif",
width: 150,
height: 200,
autocomplete: "off"
}
Ext 自定义事件三步曲
添加事件addEvents(str)
Java代码
this.addEvents('eventName');
添加事件监听器addListener(eventName,fn,scope);
Java代码
this.on('eventName',this.fn,scope);
激发事件fireEvent(eventName,args...)
Java代码
this.fireEvent('eventName',arg0,arg1,...);
/*
*----------------------------------------
*添加事件监听器里的执行的方法this.fn里的参数就是
*由激发事件时提供的，如agr0,agr1,...
*-----------------------------------------
*/

Ext reset() 方法刷新时,无法刷新inputType:file的值的解决方法:
不要使用ext Form的刷新方法：
Java代码
FormPanel.form.reset()

而是换成使用Dom的刷新方法：
Java代码
FormPanel.form.getEl().dom.reset();