跟我一起学extjs5(14--模块字段和Grid列的定义及生成)
这一节加入模块自定义字段，并根据这些字段生成model。然后再定义grid中的分组和列。从这一切开始真正进入到了模块自定义的节奏当中，代码的复杂度和技巧性也大大提高。先从模块字段的自定义开始。先看一下ModuleModel.js中加入的新的定义：
/**
* 模块的数据模型
*/
Ext.defi...
分类：
Web程序 时间：
2014-07-12 23:48:06
阅读次数：
288
跟我一起学extjs5(15--模块字段和Grid列的定义[2])
model和columns生成好了，下面要修改一下Module.js和Grid.js中的代码，使其能够协同工作。
/**
* 一个模块的主控界面的容器，用来安放各个模块控件以及协调他们之间的关系
*/
Ext.define('app.view.module.Module', {
extend ...
分类：
Web程序 时间：
2014-07-12 18:19:44
阅读次数：
289
跟我一起学extjs5(13--执行菜单命令在tabPanel中显示模块)
上面设计好了一个模块的主界面，下面通过菜单命令的执行来把这个模块加入到主界面当中。在MainModule.js中有一个函数，生成了当前的菜单数据： // 根据data.systemMenu生成菜单条和菜单按钮下面使用的菜单数据
getMenus : function() {
var it...
分类：
Web程序 时间：
2014-07-12 17:40:31
阅读次数：
269
跟我一起学extjs5(12--模块界面的总体设计)
上一节中设计了一些模块自定义中用到的要素，为了直观起见，这一节先建立一个模块的主界面。看过我 模块管理常规功能自定义系统的设计与实现 博客的人应该会有所了解了。一个模块的主界面是一个Grid，在其上方有个操作按钮的工具条，在左边有导航区域，在右边有一个记录明细的显示区域。下面即是一个例子：
...
分类：
Web程序 时间：
2014-07-10 21:37:33
阅读次数：
238
跟我一起学extjs5(11--自定义模块的设计)
从这一节开始我们来设计并完成一个自定义模块。我们先来确定一个独立的模块的所能定义的一些信息。希望有新的想法的或者有建议的跟贴回复。
模块ID号 模块标识模块名称模块简称模块英文名称模块英文简称...
分类：
Web程序 时间：
2014-07-09 09:30:12
阅读次数：
214
跟我一起学extjs5(10--使用MVVM特性控制菜单样式)
菜单的样式多了，怎么可以灵活的切换是个问题。
在使用标准菜单的时候，在菜单最前面有二个按钮，可以切换到树状菜单和按钮菜单。
在树状菜单的显示区，可以切换换到标准菜单，以及折叠式菜单。
切换到按钮菜单之后：...
分类：
Web程序 时间：
2014-07-03 17:00:15
阅读次数：
330
跟我一起学extjs5(09--自定义菜单2)
这一节来定...
分类：
Web程序 时间：
2014-07-02 16:38:03
阅读次数：
255
跟我一起学extjs5(08--自定义菜单1)
顶部和底部区域已经作好，在顶部区域有一个菜单的按钮，这一节我们设计一个菜单的数据结构，使其可以展示出不同样式的菜单。由于准备搭建的是一个系统模块自定义的系统，因此菜单也是自定义的，在操作员系统登录的时候，和MainModel中的其他数据一样，将会通过ajax加载要显示的菜单数据，然后生成菜单条或者菜单树。在这个例子中，我...
分类：
Web程序 时间：
2014-07-02 11:15:12
阅读次数：
162
跟我一起学extjs5(07--继承自定义一个控件)
Extjs的开发都可以遵循OOP的原则，其对类的封装也很完善了。自定义一个控件最简单的办法就是继承一个已有的控件。根据上一节的需要，我做了一个Button的子类。首先根据目录结构，在app目录下建立一个ux目录，将自定义控件都放在这个目录下。在ux目录下建立一个文件ButtonTransparent.js。
...
分类：
Web程序 时间：
2014-07-02 06:56:05
阅读次数：
262
跟我一起学extjs5(06--使用图标字体来美化按钮)
sencha 的例子中，有使用图标字体来美化按钮的例子，这个用起来又方便风格又统一，例如下图：
上面图标字体的使用方法也很简单，只要下载Font Awesome的css和图标文件，放到项目里就可以了。Font Awesome的网站为：点击打开链接。进入网站后，先下载Font
A...
分类：
Web程序 时间：
2014-07-01 09:24:08
阅读次数：
225
