读书人

Eextj3.x扩张(转)

发布时间: 2012-09-11 10:49:03 作者: rapoo

Eextj3.x扩展(转)

http://www.cnblogs.com/dickhead/

?

本人用的是extjs3.3.1.如扩展代码无法使用,请根据各个版本进行修改。

扩展内容:本扩展用于使Ext.grid.GridView(以及任何继承自Ext.grid.GridView的类,如GroupingView、LockingGridView)支持如下的功能

1、在双击表头的调整列宽的区域,能够自动的将该列调整到最适合的宽度,够刚好容纳该列中最宽的内容

2、在列头菜单中加入一个菜单项,菜单项功能也是实现1中的功能。

说明:下文不会对代码进行详细的解释,许多细节希望读者可以自己细究,顺便提下,很多细节需要通过阅读ext.debug.js去了解。图我就不截了,扩展代码的使用方法很简单,只要将它放在一个Js文件中,添加到页面就可以支持上述的两个扩展功能了。

借鉴以前的使用的向导的经验,貌似都有个启动界面和结束界面。不过放心,这个是可以配置显示否。

Eextj3.x扩张(转)

见图片上的注释。需要WizardWrapper提供稍微不一样的信息来给予支持。可能窗体的大小或者布局不大合适,这里面的面板的布局非Wizard的职责,窗体的小的话可以配置WizardWrapper的width,height,还有标题可以配置title。

Eextj3.x扩张(转)

分支之一,返回上一步再选择分支二

Eextj3.x扩张(转)

分支二,同样你可以返回到上一步选择分支一。另外,下面有4个标准按钮,上一步、下一步、取消、完成。默认显示前3个,如果需要特殊的显示可以在WizardWrapper中配置,建议使用enableButtons配置节(详见代码注释)。

Eextj3.x扩张(转)

详细模式,继续下一步的结果

Eextj3.x扩张(转)

返回到简单模式,所得到的结果。结束了。

Eextj3.x扩张(转)

wizard.js?? WizardWrapper.js?? 示例?

注意使用的是extjs3.03版本,为了保证有效性,请使用3.03以上的版本。更多内容在代码文件中

读书人网 >Web前端

热点推荐