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

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

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

跟我一起学extjs5(18--模块的新增.改动.删除操作)         上节在Grid展示时做了一个金额单位能够手工选择的功能,假设你要增加其它功能.也仅仅要依照这个模式来操作即可了,比方说你想改变金额字段的颜色.小数位数.零值是否显示.货币符号.单位显示在标题栏或者跟在金额后面,凡是你能想到的须要手工设置的东西都能够加进来. 上面讲到的这些设置以后会加到程序里.在下载包里能够看到,就不做解说了.         这一节来使模块能够具有新增.改动.删除的操作. 因为还没有和后台服务相联,因…

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

跟我一起学extjs5(19--模块记录的拖放删除.拖放复制新增)         网页其中的拖放(drag-drop)是比較有趣的操作,extjs5中非常好的封装了拖放的动作,也有各种类来支持,可是要学好"拖放"这个东西真是非常难,特别是象我这样英语不好的人.看不太懂官网上的说明,做一个拖放的操作起码得几天的时间.         以下完毕拖放删除的功能.即,选中一条记录或多条记录.然后拖动到"删除"button上.最后松开鼠标进行记录删除的操作.操作步骤:  …

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

跟我一起学extjs5(37--单个模块的设计[5取得模块列表数据])         写了几个月,总算有点盼头了,最终要从后台取得数据了.后台的spring mvc 和 service 仅仅能简单的说说了,里面加了几十个类.有兴趣的下载了源代码自己看.以下画张通用的模块列表取数据的流程,这个流程是适用于全部的模块.我这个后台处理程序也是对全部的模块进行统一处理,包含数据查找,新增,改动,删除都是同样的. watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQv…

原文地址:http://blog.csdn.net/jfok/article/details/35569057 目录(?)[+] 跟我一起学extjs5(02--建立工程项目) 我们先建立一个java Project,虽然现在开发跟java一点关系也没有,我们也先塔建java的Web环境. 1､进入eclipse,建立一个Dynamic Web Project . ,next > , next >  ,Finish. 至此完成java project 的建立.文件目录结构如下: , war 目…

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