摘要：
model和columns生成好了，下面要修改一下Module.js和Grid.js中的代码，使其能够协同工作。/** * 一个模块的主控界面的容器，用来安放各个模块控件以及协调他们之间的关系 */Ext.define('app.view.module.Module', { extend: '... 阅读全文
posted @ 2015-11-26 10:44
前端客
阅读(665)
评论(2)
推荐(0)
摘要：
这一节加入模块自定义字段，并根据这些字段生成model。然后再定义grid中的分组和列。从这一切开始真正进入到了模块自定义的节奏当中，代码的复杂度和技巧性也大大提高。先从模块字段的自定义开始。先看一下ModuleModel.js中加入的新的定义：/** * 模块的数据模型 */Ext.define(... 阅读全文
posted @ 2015-11-26 10:42
前端客
阅读(467)
评论(0)
推荐(0)
摘要：
上面设计好了一个模块的主界面，下面通过菜单命令的执行来把这个模块加入到主界面当中。在MainModule.js中有一个函数，生成了当前的菜单数据：// 根据data.systemMenu生成菜单条和菜单按钮下面使用的菜单数据getMenus : function() { var items =... 阅读全文
posted @ 2015-11-26 10:41
前端客
阅读(1062)
评论(0)
推荐(0)
摘要：
上一节中设计了一些模块自定义中用到的要素，为了直观起见，这一节先建立一个模块的主界面。看过我 模块管理常规功能自定义系统的设计与实现 博客的人应该会有所了解了。一个模块的主界面是一个Grid，在其上方有个操作按钮的工具条，在左边有导航区域，在右边有一个记录明细的显示区域。下面即是一个例子：下面我们来... 阅读全文
posted @ 2015-11-26 10:39
前端客
阅读(935)
评论(0)
推荐(0)
摘要：
从这一节开始我们来设计并完成一个自定义模块。我们先来确定一个独立的模块的所能定义的一些模块信息。以下信息只是我自己在开发过程中想到或用到的，希望有新的想法的或者有建议的跟贴回复。一个独立模块包含以下信息：1、模块的基本信息模块ID号：一个数字的ID号，可以根据此ID号的顺序将相同分组的模块放在一块。... 阅读全文
posted @ 2015-11-26 10:37
前端客
阅读(889)
评论(0)
推荐(0)
摘要：
菜单的样式多了，怎么可以灵活的切换是个问题。在使用标准菜单的时候，在菜单最前面有二个按钮，可以切换到树状菜单和按钮菜单。在树状菜单的显示区，可以切换换到标准菜单，以及折叠式菜单。切换到按钮菜单之后：切换菜单切换到标准菜单和树状菜单，需要在设置里面进行操作。下面分别来看看是如何实现的。由于内部处理比较... 阅读全文
posted @ 2015-11-26 10:36
前端客
阅读(441)
评论(0)
推荐(0)
摘要：
这一节来定义另外三种类型的菜单类。首先定义菜单按钮类。文件放于app/view/main/region目录下面，文件名为ButtonMainMenu.js。/** * 显示在顶部的按钮菜单，可以切换至标准菜单，菜单树 */Ext.define('app.view.main.region.Button... 阅读全文
posted @ 2015-11-26 10:35
前端客
阅读(453)
评论(0)
推荐(0)
摘要：
顶部和底部区域已经作好，在顶部区域有一个菜单的按钮，这一节我们设计一个菜单的数据结构，使其可以展示出不同样式的菜单。由于准备搭建的是一个系统模块自定义的系统，因此菜单也是自定义的，在操作员系统登录的时候，和MainModel中的其他数据一样，将会通过ajax加载要显示的菜单数据，然后生成菜单条或者菜... 阅读全文
posted @ 2015-11-26 10:33
前端客
阅读(1134)
评论(0)
推荐(0)
摘要：
Extjs的开发都可以遵循OOP的原则，其对类的封装也很完善了。自定义一个控件最简单的办法就是继承一个已有的控件。根据上一节的需要，我做了一个Button的子类。首先根据目录结构，在app目录下建立一个ux目录，将自定义控件都放在这个目录下。在ux目录下建立一个文件ButtonTransparent... 阅读全文
posted @ 2015-11-26 10:30
前端客
阅读(918)
评论(0)
推荐(0)
浙公网安备 33010602011771号