Extjs 实践细节备忘 -3

1. dragdrop 继承层次

 

   dd - > ddproxy -> dragzone

   ddtarget -> dropzone

 

2.拖放事件处理

 

   重写 dragdrop 中对应事件的函数

 

3.setHandlerElId

 

   指定拖放对象的一个区域，用户只有抓住了这个区域才能拖放整个对象

4.DDProxy

 

   指定拖时 跟着鼠标移动的 区域 ，可以不和拖放区域相同。防止拖放对象太复杂。

 

5.分组

 

   DDtarget 指定组 ，只有 dd 是指定组的才能放入 ，dd :addToGroup

 

6. Ext.Window 防止太大

constrain : 整个窗口不会越过浏览器边界

constrainHeader : 窗口顶部不超过浏览器边界

 

7.Ext.Window 分组

 

manager : 指定 Ext.WindowGroup 实例

 

8.layout layoutConfig

 

在内部 创建相应的布局实例 ，参数为 layoutConfig

 

9.autoHeight:true 与 layout:'fit'

父元素设置 layout:'fit' , 子元素就不要设置 autoHeight:true 了

10.borderlayout

 

north south 可以设置高度 ,split (用户调大小)，最好同时设 minHeight maxHeight  , collapsible和title 要同时设置

west east 可以设定宽度,split

center 设了白设

11.columnlayout formpanel

 

formpanel 里设置子区域 columnlayout时，不要设置 defaultType ,在列里面再设

 

12.columnlayout

 

可以为某一列 指定死宽度 width ,其他制定 columWidth 随窗口变化 ,注意  columnWidth 总和为 1.

 

13.单选菜单，多选菜单

都是 Ext.menu.CheckItem 单选要设置 统一 group 属性

 

14 Ext.Toobar,Button

 

{text:'',handler : function(){}}

 

15.Ext.toobar.textmenu

 

'xxx'   {xtype:'tbtext',text:'xxxx'}

 

16 Ext.toobar.separator

 

'-'  , {xtype:'tbseparator'}

 

17.Ext.toobar.Fill

 

'->' , {xtype:'tbfill'}

 

18. 工具条可以直接 表单控件

 

add(new Ext.form.TextField({name:''}))

 

19 Ext.PagingToolbar

 

可以添加 items 参数 ，附加工具条其他组件