Extjs 实践细节备忘 -2

1. grid 列宽问题

 

可以指定 每列的宽度数值，若同时指定了 viewConfig {forceFit:true} 则指定的数值无效，grid会根据这些数值计算出比例，对各列分配宽度。

 

autoExpandColumn 只能指定一列的 id ，则该列渲染时会自动延伸，撑起表格、

2.grid 列时间处理

 

推荐返回 java 的 getTime 整数 ，在 js renderer : 用 Date 格式出字符串

 

3.grid 单元格格式化

 

指定列元数据的 renderer 函数 ，返回 带格式的 html

 

4.grid 行设定颜色

 

指定 viewConfig.getRowClass 返回相应的的行css

 

5.自动显示行号

 

列元数据的第一个数据填充 new Ext.grid.RowNumber() ,会自动计数 ,计数中断后，可以用 gridView.refresh()重新计数。

 

6.grid 后台排序

 

设置 store.remoteSort = true ,会向后台提交两个参数 sort , dir

 

7.editorgrid

 

store.modified 所有修改过的记录 ,commit() 会去除 单元绿色标记

 

8.groupgrid

 

groupstore 关键要设置 groupField

9.表格右键实现要点

 

监控 contextmenu 事件，自己构造 menu组件 ，弹出在鼠标位置

 

10 .formpanel layout

只能是 form ，不能改 ,formpanel 只负责布局 ，核心部分由 form成员 处理

 

11.anchor

用来指定 输入组件 和 formpanel 的相对宽度 高度。

12submit

默认 ajax 提交 ，传统方式 要 获得 dom节点 ，调用 传统submit()

 

13.使用后台校验

关键是 设置 返回 json sucess:false ,errors:{输入组件名：该组件的错误}

14.嵌入其他html

可以设置 xtype:'panel',html: 随便

 

15.comboBox hiddenName

真正value存放的位置，涉及提交，建议设置

 

getValue 返回真正value

getRawValue 返回显示的text

 

16.comboBox  triggerAction

防止重新选择 显示不全 ，建议设成 'all'

 

17.comboBox radio

 

区别主要在于 radio 多个要设同一个 name

 

18 树的后台生成数据

设 treeloader 的同时 要设置 AsyncTreeNode ,后台会收到 当前树节点的 id

 

19 expand

root.expand() 只会扩展一层 expand(true) 则全部扩展了

 

20.节点的默认图片

icon : 图片地址  优先级高

iconCls :图片css

 

21.节点提示信息

 

设置 qtip

 

22.节点的界面修改部分

用tree.ui 来修改 ，mvc分层了