2015-11-2610:30:30 大二暑假就准备和一个同学用ExtJS和SSH共同开发一个大学生实习管理系统，当时在网上搜关于ExtJS5相关教程，关于ExtJS5的教程甚少，不过官方提供了很多样例和英文API，关于EXTJS5的学习一头雾水，就想放弃ExtJS，当时抱了本《锋利的JQuery....
分类：
Web程序 时间：
2015-11-26 12:47:27
阅读次数：
210
在本节中将要加入各种类型的字段，在加入字段的时候由于可以一行加入多个字段，因此层次结构又多了一层fieldcontainer。form里面的主要层次结构如下： form -- fieldSet -- fieldcontainer -- field。现在加入fieldcontainer的生成器的文件，...
分类：
Web程序 时间：
2015-11-26 12:45:02
阅读次数：
183
这一节加入模块自定义字段，并根据这些字段生成model。然后再定义grid中的分组和列。从这一切开始真正进入到了模块自定义的节奏当中，代码的复杂度和技巧性也大大提高。先从模块字段的自定义开始。先看一下ModuleModel.js中加入的新的定义：/** * 模块的数据模型 */Ext.define(...
分类：
Web程序 时间：
2015-11-26 12:44:55
阅读次数：
219
Grid各列已经能够展示出来了。列的类型包括字符型，整型，浮点型，货币型，百分比型，日期型和布尔型，我自定义了各种类型的渲染样式： 1、整型：标题栏居中，数值靠右显示，正数颜色为蓝色，负数颜色为红色，0不显示。 2、浮点型：标题栏居中，数值靠右显示，正数颜色为蓝色，负数颜色为红色，显示二位小数，0不...
分类：
Web程序 时间：
2015-11-26 12:41:22
阅读次数：
215
上面设计好了一个模块的主界面，下面通过菜单命令的执行来把这个模块加入到主界面当中。在MainModule.js中有一个函数，生成了当前的菜单数据：// 根据data.systemMenu生成菜单条和菜单按钮下面使用的菜单数据getMenus : function() { var items =...
分类：
Web程序 时间：
2015-11-26 12:41:02
阅读次数：
206
经过对自定义模块和Grid的设计和编码，现在已经能对一个有配置信息的模块来生成界面并进行一些简单的CURD操作。由于这是一个全解释性的前台的架构，因此你想到的任何新主意都可以放到所有的模块中。比如对于“Grid列宽的自动适应”这个功能，我们可以在系统设置项里加入“列宽自适应模式”，下面有三个选项：1...
分类：
Web程序 时间：
2015-11-26 12:38:09
阅读次数：
160
这一节来完成Grid中的金额字段的金额单位的转换。转换旰使用MVVM特性，总体上和控制菜单的几种模式类似。首先在目录app/view/main/menu下建立文件Monetary.js，用于放金额单位的数据和生成菜单的items。/** * 金额单位的管理类 */Ext.define('app.vi...
分类：
Web程序 时间：
2015-11-26 12:37:15
阅读次数：
230
model和columns生成好了，下面要修改一下Module.js和Grid.js中的代码，使其能够协同工作。/** * 一个模块的主控界面的容器，用来安放各个模块控件以及协调他们之间的关系 */Ext.define('app.view.module.Module', { extend: '...
分类：
Web程序 时间：
2015-11-26 12:31:00
阅读次数：
163
下面开始设计和完成一个简单的Form的自定义过程。先准备数据，在ModuleModel.js中的data属性下面，加入自定义Form的参数定义，下面的代码中定义了一个新的属性tf_formSchemes,在这个属性下面可以定义多个formScheme，下面的例子中只加入了一个，在formScheme...
分类：
Web程序 时间：
2015-11-26 12:22:41
阅读次数：
199
前面几节完成了模块Grid的自定义，模块Form自定义的过程和Grid的过程类似，但是要更复杂一些。先来设计一下要完成的总体目标。1?可以有多个Form方案，对应于显示、新增、修改、审核、审批等功能；2?对于上述各种功能可以选择不同的Form方案，比如说修改可以有几个方案，各个操作员可以选择他们感兴...
分类：
Web程序 时间：
2015-11-26 12:22:20
阅读次数：
185
