Extjs5开发习-14-模块字段和Grid列的定义[1].docxVIP

Extjs5开发学习-14-模块字段和Grid列的定义[1] 这一节加入模块自定义字段，并根据这些字段生成model。然后再定义grid中的分组和列。从这一切开始真正进入到了模块自定义的节奏当中，代码的复杂度和技巧性也大大提高。先从模块字段的自定义开始。先看一下ModuleModel.js中加入的新的定义： [javascript]? \o view plain view plain? \o copy copy /**? ?*?模块的数据模型? ?*/?? ?? Ext.define(app.view.module.ModuleModel,?{?? ????????????extend?:?Ext.app.ViewModel,?? ????????????alias?:?viewmodel.module,?? ?? ????????????//?在开发过程中我先用设定好的值放于data中，等以后自定义的时候，data里的值都是从后台取得的?? ????????????//?所有数据库里的字段，我都以tf_开头，只是为了表示这是从后台读取过来的?? ?? ????????????data?:?{?? ?? ????????????????tf_moduleId?:?1010,?//?模块ID号：一个数字的ID号，可以根据此ID号的顺序将相同分组的模块放在一块。?? ????????????????tf_ModuleGroup?:?工程管理,//?模块分组：模块分到哪个组里，比如说业务模块1、业务模块2、系统设置、系统管理等。?? ????????????????tf_moduleName?:?Global,?//?模块标识：系统中唯一的模块的标识?? ????????????????tf_title?:?工程项目,//?模块名称：能够描述此模块信息的名称。?? ????????????????tf_glyph?:?0xf0f7,?//?图标字符值?? ????????????????tf_shortname?:?null,//?模块简称：如果名称过长，有些地方可以用简称来代替。?? ????????????????tf_englishName?:?null,//?模块英文名称：万一要制作英文版，可以用英文名称。?? ????????????????tf_englishShortName?:?null,?//?模块英文简称：可以用作生成编码字段。?? ????????????????tf_description?:?null,//?模块描述：?? ????????????????tf_remark?:?null,?? ????????????????//?备注：?? ?? ????????????????//?下面还有若干字段未加入，以后用到的时候再加入?? ????????????????tf_primaryKey?:?tf_id,?//?主键?? ????????????????tf_nameFields?:?tf_name,?//?可用于描述记录的字段?? ?? ????????????????//?此模块的自定义字段，此处先用手工定义，以后换成从数据库中自动取得?? ????????????????tf_fields?:?[{?? ????????????????????tf_fieldId?:?//?此字段的id值，所有的字段都是保存在一字段表中，这是主键值?? ????????????????????tf_fieldName?:?tf_id,//?字段名?? ????????????????????tf_title?:?序号,//?字段描述?? ????????????????????tf_fieldType?:?Integer,?//?字段类型?? ????????????????????tf_isHidden?:?true,?//?是否是隐藏字段?? ????????????????????tf_fieldGroup?:?工程基本信息?//?字段分组?? ????????????????????????//?是否是隐藏字段?? ????????????????????},?{?? ????????????????????tf_fieldId?:?? ????????????????????tf_fieldName?:?tf_name,?? ????????????????????tf_title?:?工程项目名称,?? ????????????????????tf_fieldType?:?String,?? ????????????????????tf_fieldLen