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() - 让浮动组件相对于容器居中

上一篇:学习笔记 css3--选择器&新增颜色模式&文本相关


下一篇:LightOj 1163 - Bank Robbery(x-x/10 = n求所有的 x )