跟我一起学extjs5(08--自己定义菜单1) 顶部和底部区域已经作好,在顶部区域有一个菜单的button.这一节我们设计一个菜单的数据结构,使其能够展示出不相同式的菜单.因为准备搭建的是一个系统模块自己定义的系统,因此菜单也是自己定义的,在操作员系统登录的时候,和MainModel中的其它数据一样,将会通过ajax载入要显示的菜单数据.然后生成菜单栏或者菜单树.在这个样例中,我仅仅做了二层菜单.要做三层以上的仅仅要稍作改动就可以. 以下先来看看菜单数据的定义:在MainModel中.在dat…

跟我一起学extjs5(11--自己定义模块的设计)        从这一节開始我们来设计并完毕一个自己定义模块.我们先来确定一个独立的模块的所能定义的一些模块信息. 下面信息仅仅是我自己在开发过程中想到或用到的,希望有新的想法的或者有建议的跟贴回复.         一个独立模块包括下面信息:         1.模块的基本信息 模块ID号:一个数字的ID号,能够依据此ID号的顺序将同样分组的模块放在一块. 模块分组:模块分到哪个组里.比方说业务模块1.业务模块2.系统设置.系统管理等. 模块…

跟我一起学extjs5(09--自己定义菜单2)         这一节来定义另外三种类型的菜单类. 首先定义菜单button类.文件放于app/view/main/region文件夹以下,文件名称为ButtonMainMenu.js. /** * 显示在顶部的按钮菜单.能够切换至标准菜单,菜单树 */ Ext.define('app.view.main.region.ButtonMainMenu', { extend : 'app.ux.ButtonTransparent', alias :…

跟我一起学extjs5(22--模块Form的自己定义的设计)         前面几节完毕了模块Grid的自己定义,模块Form自己定义的过程和Grid的过程类似,可是要更复杂一些.先来设计一下要完毕的整体目标.         1､能够有多个Form方案,相应于显示.新增.改动.审核.审批等功能:         2､对于上述各种功能能够选择不同的Form方案.比方说改动能够有几个方案,各个操作员能够选择他们感兴趣的Form方案来进行数据的改动.         3､每一个Form方案中能够…

跟我一起学extjs5(24--模块Form的自己定义的设计[2])         在本节中将要增加各种类型的字段,在增加字段的时候因为能够一行增加多个字段,因此层次结构又多了一层fieldcontainer.form里面的主要层次结构例如以下: form -- fieldSet -- fieldcontainer -- field.         如今增加fieldcontainer的生成器的文件,在factory中增加文件FieldContainerFactory.js /** * 字段…

跟我一起学extjs5(16--各种Grid列的自己定义渲染)         Grid各列已经可以展示出来了.列的类型包含字符型,整型,浮点型,货币型,百分比型,日期型和布尔型,我自己定义了各种类型的渲染样式:         1.整型:标题栏居中,数值靠右显示,正数颜色为蓝色,负数颜色为红色,0不显示.         2.浮点型:标题栏居中,数值靠右显示,正数颜色为蓝色,负数颜色为红色,显示二位小数,0不显示.         3.货币型:同浮点型,可是能够选择不同的单位,如元,千元,万元…

跟我一起学extjs5(25--模块Form的自己定义的设计[3])         自己定义的Form已经能够执行了,以下改一下配置,把Form里面的FieldSet放在Tab之下.改动一下ModuleModel.js中的data下的tf_FormSchemes下的方案,添加一个属性.         上面设置好了以后,能够看到Form中FieldSet都放置在Tab中了,以下的截图展示了二个Tab的界面.         从理论上说,假设你的Form配置信息设置得合理,能够得到你想要的不论什…

跟我一起学extjs5(05--主界面上增加顶部和底部区域)         这一节为主界面加一个顶部区域和底部区域. 一个管理系统的界面能够粗分为顶部标题部分.中间数据展示和处理的部分.底部备注和状态部分.         在添加这二个区域之前,我们先在MainModel.js中添加一些数据. Ext.define('app.view.main.MainModel', { extend : 'Ext.app.ViewModel', alias : 'viewmodel.main', data…

跟我一起学extjs5(17--Grid金额字段单位MVVM方式的选择)         这一节来完毕Grid中的金额字段的金额单位的转换.转换旰使用MVVM特性,整体上和控制菜单的几种模式类似.首先在文件夹app/view/main/menu下建立文件Monetary.js.用于放金额单位的数据和生成菜单的items. /** * 金额单位的管理类 */ Ext.define('app.view.main.menu.Monetary', { statics : { values : null,…

跟我一起学extjs5(13--运行菜单命令在tabPanel中显示模块)         上面设计好了一个模块的主界面,以下通过菜单命令的运行来把这个模块增加到主界面其中. 在MainModule.js中有一个函数.生成了当前的菜单数据: // 依据data.systemMenu生成菜单栏和菜单button以下使用的菜单数据 getMenus : function() { var items = []; var menuData = this.get('systemMenu'); // 取得定…