跟我一起学extjs5(25--模块Form的自定义的设计[3])
自定义的Form已经可以运行了,下面改一下配置,把Form里面的FieldSet放在Tab之下。修改一下ModuleModel.js中的data下的tf_FormSchemes下的方案,增加一个属性。
上面设置好了以后,可以看到Form中FieldSet都放置在Tab中了,下面的...
分类:
Web程序 时间:
2014-07-30 10:01:35
阅读次数:
207
跟我一起学extjs5(24--模块Form的自定义的设计[2])
在本节中将要加入各种类型的字段,在加入字段的时候由于可以一行加入多个字段,因此层次结构又多了一层fieldcontainer。form里面的主要层次结构如下: form -- fieldSet -- fieldcontainer -- field。
现在加入fieldcontainer的生成器的...
分类:
Web程序 时间:
2014-07-29 13:04:17
阅读次数:
287
跟我一起学extjs5(22--模块Form的自定义的设计)
前面几节完成了模块Grid的自定义,模块Form自定义的过程和Grid的过程类似,但是要更复杂一些。先来设计一下要完成的总体目标。
1?可以有多个Form方案,对应于显示、新增、修改、审核、审批等功能;
2?对于上述各种功能可以选择不同的Form方案,比如说修改可以有几个方案...
分类:
Web程序 时间:
2014-07-28 16:23:23
阅读次数:
301
跟我一起学extjs5(23--模块Form的自定义的设计[1])
下面开始设计和完成一个简单的Form的自定义过程。先准备数据,在ModuleModel.js中的data属性下面,加入自定义Form的参数定义,下面的代码中定义了一个新的属性tf_formSchemes,在这个属性下面可以定义多个formScheme,下面的例子中只加入了一个,在formScheme上,加了二个f...
分类:
Web程序 时间:
2014-07-28 16:03:43
阅读次数:
358
先看效果:代码如下:test其中使用到的"RowExpander.js"为extjs官方示例中自带的。实现这个嵌套表格要注意两点技巧:1 提供给外层表格的dataStore的数据源以嵌套数组的形式表示细节区的数据,如下面的黑体所示。vartestData=[["lugreen","男",26,[["...
分类:
Web程序 时间:
2014-07-22 22:44:14
阅读次数:
391
最近了解了下EXTJS,想记录下来自己的成果,希望对刚入门EXT的同学有点帮助,首先来做个简单的实例。一、去官网下载EXTJS包extjs5,这里采用的是5.0版本,下面就正式开启吧!二、解压extjs包,找到 ext-all.js基础包(\ext-5.0.0\build); ext-all-d.....
分类:
Web程序 时间:
2014-07-22 00:23:35
阅读次数:
235
跟我一起学extjs5(21--模块Grid的多列表方案)
对于有很多字段的模块在一个grid中显示所有的字段,会显得很臃肿,对于不同的用户其侧重的字段类型也不尽相同,因此就有必要为Grid的列表设计多个方案。在这个自定义系统进行设计的时候,我已经将这部分内容设计了进去,在ModuleModel.js中,在data下面有个属性tf_gridSchemes为数组型,你有多少...
分类:
Web程序 时间:
2014-07-21 11:33:55
阅读次数:
311
跟我一起学extjs5(18--模块的新增、修改、删除操作)
上节在Grid展示时做了一个金额单位可以手工选择的功能,如果你要加入其他功能,也只要按照这个模式来操作就行了,比如说你想改变金额字段的颜色、小数位数、零值是否显示、货币符号、单位显示在标题栏或者跟在金额后面,凡是你能想到的需要手工设置的东西都可以加进来。 上面讲到的这些设置以后会加到程序里,在下载包里可以看到,...
分类:
Web程序 时间:
2014-07-16 17:17:41
阅读次数:
190
跟我一起学extjs5(20--模块Grid的其他功能的设想,前20节源码)
经过对自定义模块和Grid的设计和编码,现在已经能对一个有配置信息的模块来生成界面并进行一些简单的CURD操作。由于这是一个全解释性的前台的架构,因此你想到的任何新主意都可以放到所有的模块中。
比如对于“Grid列宽的自动适应”这个功能,我们可以在系统设置项里加入“列宽自适应模...
分类:
Web程序 时间:
2014-07-16 16:14:08
阅读次数:
309
跟我一起学extjs5(19--模块记录的拖放删除、拖放复制新增)
网页当中的拖放(drag-drop)是比较有趣的操作,extjs5中很好的封装了拖放的动作,也有各种类来支持,但是要学好“拖放”这个东西真是很难,特别是象我这样英语不好的人,看不太懂官网上的说明,做一个拖放的操作起码得几天的时间。
下面完成拖放删除的功能。即,选中一条记录或多条记录,然后拖动到“...
分类:
Web程序 时间:
2014-07-16 14:05:17
阅读次数:
289