ExtJS 的一些技巧与问题

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

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

grid.getStore().reload();

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

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

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

width: document.body.clientWidth * xx%

height: document.body.clientHeight * xx%

4.Ext.FormPanel load(自动加载) 时的json格式{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'}

])

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

5.获得iframe的方法

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

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

1、id冲突，这个问题经常由重用引起的；

2、布局，form组件只有在'form'布局才显示正常，应添加layout:'form'

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

var wgroup = new Ext.WindowGroup();

var win=new Ext.Window({

title:"窗口"

width:400,

height:300,

manager:wgroup

});

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

wgroup.hideAll();

8.Js 两个定时器

//将执行一次Expression

setTimeout(Expression,DelayTime)

//每隔DelayTime,执行一次

setInterval(expression,delayTime)

9.刷新树的方法，只有根结点才有reload方法！

10.Ext除了用html显示图片外还可以用下面的autoCreate方式在form里显示,代码如下：

{

fieldLabel: '海报',

autoCreate:{

tag: "input",

type: "image",

src: "images/add.gif",

width: 150,

height: 200,

autocomplete: "off"

}

11.组件的显示和隐藏：所有组件都有内置的show和hide方法。默认的css样式应用的是display: none，可以通过hideMode改变

12.浮动组件：浮动组件定位于文档流之外，使用的是CSS的绝对定位属性，不受父容器的布局控制。有些组件，例如Window，默认就是浮动的，任何组件都可以通过floating属性配置成浮动的。

有几个属性是使用浮动组件时值得注意的：

draggable - 让浮动组件可以拖拽

shadow - 定制浮动组件的阴影效果

alignTo() - 让浮动组件对齐到一个特定元素

center() - 让浮动组件相对于容器居中