摘要：
自定义的Form已经可以运行了，下面改一下配置，把Form里面的FieldSet放在Tab之下。修改一下ModuleModel.js中的data下的tf_FormSchemes下的方案，增加一个属性。上面设置好了以后，可以看到Form中FieldSet都放置在Tab中了,下面的截图展示了二个Tab的... 阅读全文
posted @ 2015-11-26 11:00
前端客
阅读(446)
评论(0)
推荐(0)
摘要：
在本节中将要加入各种类型的字段，在加入字段的时候由于可以一行加入多个字段，因此层次结构又多了一层fieldcontainer。form里面的主要层次结构如下： form -- fieldSet -- fieldcontainer -- field。现在加入fieldcontainer的生成器的文件，... 阅读全文
posted @ 2015-11-26 10:58
前端客
阅读(372)
评论(0)
推荐(0)
摘要：
下面开始设计和完成一个简单的Form的自定义过程。先准备数据，在ModuleModel.js中的data属性下面，加入自定义Form的参数定义，下面的代码中定义了一个新的属性tf_formSchemes,在这个属性下面可以定义多个formScheme，下面的例子中只加入了一个，在formScheme... 阅读全文
posted @ 2015-11-26 10:57
前端客
阅读(429)
评论(0)
推荐(0)
摘要：
前面几节完成了模块Grid的自定义，模块Form自定义的过程和Grid的过程类似，但是要更复杂一些。先来设计一下要完成的总体目标。1､可以有多个Form方案，对应于显示、新增、修改、审核、审批等功能；2､对于上述各种功能可以选择不同的Form方案，比如说修改可以有几个方案，各个操作员可以选择他们感兴... 阅读全文
posted @ 2015-11-26 10:55
前端客
阅读(982)
评论(0)
推荐(0)
摘要：
对于有很多字段的模块在一个grid中显示所有的字段，会显得很臃肿，对于不同的用户其侧重的字段类型也不尽相同，因此就有必要为Grid的列表设计多个方案。在这个自定义系统进行设计的时候，我已经将这部分内容设计了进去，在ModuleModel.js中，在data下面有个属性tf_gridSchemes为数... 阅读全文
posted @ 2015-11-26 10:54
前端客
阅读(920)
评论(0)
推荐(0)
摘要：
经过对自定义模块和Grid的设计和编码，现在已经能对一个有配置信息的模块来生成界面并进行一些简单的CURD操作。由于这是一个全解释性的前台的架构，因此你想到的任何新主意都可以放到所有的模块中。比如对于“Grid列宽的自动适应”这个功能，我们可以在系统设置项里加入“列宽自适应模式”，下面有三个选项：1... 阅读全文
posted @ 2015-11-26 10:52
前端客
阅读(376)
评论(0)
推荐(0)
摘要：
网页当中的拖放(drag-drop)是比较有趣的操作，extjs5中很好的封装了拖放的动作，也有各种类来支持，但是要学好“拖放”这个东西真是很难，特别是象我这样英语不好的人，看不太懂官网上的说明，做一个拖放的操作起码得几天的时间。下面完成拖放删除的功能。即，选中一条记录或多条记录，然后拖动到“删除”... 阅读全文
posted @ 2015-11-26 10:50
前端客
阅读(852)
评论(0)
推荐(1)
摘要：
上节在Grid展示时做了一个金额单位可以手工选择的功能，如果你要加入其他功能，也只要按照这个模式来操作就行了，比如说你想改变金额字段的颜色、小数位数、零值是否显示、货币符号、单位显示在标题栏或者跟在金额后面，凡是你能想到的需要手工设置的东西都可以加进来。 上面讲到的这些设置以后会加到程序里，在下载包... 阅读全文
posted @ 2015-11-26 10:49
前端客
阅读(1476)
评论(0)
推荐(0)
摘要：
这一节来完成Grid中的金额字段的金额单位的转换。转换旰使用MVVM特性，总体上和控制菜单的几种模式类似。首先在目录app/view/main/menu下建立文件Monetary.js，用于放金额单位的数据和生成菜单的items。/** * 金额单位的管理类 */Ext.define('app.vi... 阅读全文
posted @ 2015-11-26 10:47
前端客
阅读(625)
评论(0)
推荐(0)
摘要：
Grid各列已经能够展示出来了。列的类型包括字符型，整型，浮点型，货币型，百分比型，日期型和布尔型，我自定义了各种类型的渲染样式： 1、整型：标题栏居中，数值靠右显示，正数颜色为蓝色，负数颜色为红色，0不显示。 2、浮点型：标题栏居中，数值靠右显示，正数颜色为蓝色，负数颜色为红色，显示二位小数，0不... 阅读全文
posted @ 2015-11-26 10:45
前端客
阅读(1253)
评论(1)
推荐(0)
浙公网安备 33010602011771号