- 博客(20)
- 资源 (3)
- 收藏
- 关注
RSS订阅原创 跟我一起学extjs5(25--模块Form的自定义的设计[3])
跟我一起学extjs5(25--模块Form的自定义的设计[3]) 自定义的Form已经可以运行了，下面改一下配置，把Form里面的FieldSet放在Tab之下。修改一下ModuleModel.js中的data下的tf_FormSchemes下的方案，增加一个属性。 上面设置好了以后，可以看到Form中FieldSet都放置在Tab中了,下面的
2014-07-30 09:34:11
7043
14
原创 跟我一起学extjs5(24--模块Form的自定义的设计[2])
跟我一起学extjs5(24--模块Form的自定义的设计[2]) 在本节中将要加入各种类型的字段，在加入字段的时候由于可以一行加入多个字段，因此层次结构又多了一层fieldcontainer。form里面的主要层次结构如下： form -- fieldSet -- fieldcontainer -- field。 现在加入fieldcontainer的生成器的
2014-07-29 10:38:32
6849
13
原创 跟我一起学extjs5(23--模块Form的自定义的设计[1])
跟我一起学extjs5(23--模块Form的自定义的设计[1]) 下面开始设计和完成一个简单的Form的自定义过程。先准备数据，在ModuleModel.js中的data属性下面，加入自定义Form的参数定义，下面的代码中定义了一个新的属性tf_formSchemes,在这个属性下面可以定义多个formScheme，下面的例子中只加入了一个，在formScheme上，加了二个f
2014-07-28 11:38:18
8888
3
原创 跟我一起学extjs5(22--模块Form的自定义的设计)
跟我一起学extjs5(22--模块Form的自定义的设计) 前面几节完成了模块Grid的自定义，模块Form自定义的过程和Grid的过程类似，但是要更复杂一些。先来设计一下要完成的总体目标。 1､可以有多个Form方案，对应于显示、新增、修改、审核、审批等功能； 2､对于上述各种功能可以选择不同的Form方案，比如说修改可以有几个方案
2014-07-28 09:08:54
7287
2
原创 跟我一起学extjs5(21--模块Grid的多列表方案)
跟我一起学extjs5(21--模块Grid的多列表方案) 对于有很多字段的模块在一个grid中显示所有的字段，会显得很臃肿，对于不同的用户其侧重的字段类型也不尽相同，因此就有必要为Grid的列表设计多个方案。在这个自定义系统进行设计的时候，我已经将这部分内容设计了进去，在ModuleModel.js中，在data下面有个属性tf_gridSchemes为数组型，你有多少
2014-07-21 08:51:10
10450
25
原创 跟我一起学extjs5(20--模块Grid的其他功能的设想,前20节源码)
跟我一起学extjs5(20--模块Grid的其他功能的设想,前20节源码) 经过对自定义模块和Grid的设计和编码，现在已经能对一个有配置信息的模块来生成界面并进行一些简单的CURD操作。由于这是一个全解释性的前台的架构，因此你想到的任何新主意都可以放到所有的模块中。 比如对于“Grid列宽的自动适应”这个功能，我们可以在系统设置项里加入“列宽自适应模
2014-07-16 15:23:31
8754
30
原创 跟我一起学extjs5(19--模块记录的拖放删除、拖放复制新增)
跟我一起学extjs5(19--模块记录的拖放删除、拖放复制新增) 网页当中的拖放(drag-drop)是比较有趣的操作，extjs5中很好的封装了拖放的动作，也有各种类来支持，但是要学好“拖放”这个东西真是很难，特别是象我这样英语不好的人，看不太懂官网上的说明，做一个拖放的操作起码得几天的时间。 下面完成拖放删除的功能。即，选中一条记录或多条记录，然后拖动到“
2014-07-16 10:40:31
9466
7
原创 跟我一起学extjs5(18--模块的新增、修改、删除操作)
跟我一起学extjs5(18--模块的新增、修改、删除操作) 上节在Grid展示时做了一个金额单位可以手工选择的功能，如果你要加入其他功能，也只要按照这个模式来操作就行了，比如说你想改变金额字段的颜色、小数位数、零值是否显示、货币符号、单位显示在标题栏或者跟在金额后面，凡是你能想到的需要手工设置的东西都可以加进来。 上面讲到的这些设置以后会加到程序里，在下载包里可以看到，
2014-07-15 14:28:14
11834
7
原创 跟我一起学extjs5(17--Grid金额字段单位MVVM方式的选择)
跟我一起学extjs5(17--Grid金额字段单位MVVM方式的选择)
2014-07-14 15:58:58
9558
14
原创 跟我一起学extjs5(16--各种Grid列的自定义渲染)
跟我一起学extjs5(16--各种Grid列的自定义渲染) Grid各列已经能够展示出来了。列的类型包括字符型，整型，浮点型，货币型，百分比型，日期型和布尔型，我自定义了各种类型的渲染样式： 1、整型：标题栏居中，数值靠右显示，正数颜色为蓝色，负数颜色为红色，0不显示。 2、浮点型：标题栏居中，数值靠右显示，正数颜色为蓝色，负数颜色为红色，显
2014-07-14 08:48:46
18434
17
原创 跟我一起学extjs5(15--模块字段和Grid列的定义[2])
跟我一起学extjs5(15--模块字段和Grid列的定义[2]) model和columns生成好了，下面要修改一下Module.js和Grid.js中的代码，使其能够协同工作。/** * 一个模块的主控界面的容器，用来安放各个模块控件以及协调他们之间的关系 */Ext.define('app.view.module.Module', { extend
2014-07-11 14:54:12
11025
28
原创 跟我一起学extjs5(14--模块字段和Grid列的定义[1])
跟我一起学extjs5(14--模块字段和Grid列的定义及生成) 这一节加入模块自定义字段，并根据这些字段生成model。然后再定义grid中的分组和列。从这一切开始真正进入到了模块自定义的节奏当中，代码的复杂度和技巧性也大大提高。先从模块字段的自定义开始。先看一下ModuleModel.js中加入的新的定义：/** * 模块的数据模型 */Ext.defi
2014-07-11 14:41:16
11338
13
原创 跟我一起学extjs5(13--执行菜单命令在tabPanel中显示模块)
跟我一起学extjs5(13--执行菜单命令在tabPanel中显示模块) 上面设计好了一个模块的主界面，下面通过菜单命令的执行来把这个模块加入到主界面当中。在MainModule.js中有一个函数，生成了当前的菜单数据： // 根据data.systemMenu生成菜单条和菜单按钮下面使用的菜单数据 getMenus : function() { var it
2014-07-10 16:35:04
13680
25
原创 跟我一起学extjs5(12--模块界面的总体设计)
跟我一起学extjs5(12--模块界面的总体设计) 上一节中设计了一些模块自定义中用到的要素，为了直观起见，这一节先建立一个模块的主界面。看过我 模块管理常规功能自定义系统的设计与实现 博客的人应该会有所了解了。一个模块的主界面是一个Grid，在其上方有个操作按钮的工具条，在左边有导航区域，在右边有一个记录明细的显示区域。下面即是一个例子：
2014-07-10 09:44:31
18274
33
原创 跟我一起学extjs5(11--自定义模块的设计)
跟我一起学extjs5(11--自定义模块的设计) 从这一节开始我们来设计并完成一个自定义模块。我们先来确定一个独立的模块的所能定义的一些信息。希望有新的想法的或者有建议的跟贴回复。模块ID号 模块标识模块名称模块简称模块英文名称模块英文简称
2014-07-08 15:28:58
11690
8
原创 跟我一起学extjs5(10--使用MVVM控制菜单样式,含前10节源码)
跟我一起学extjs5(10--使用MVVM特性控制菜单样式) 菜单的样式多了，怎么可以灵活的切换是个问题。 在使用标准菜单的时候，在菜单最前面有二个按钮，可以切换到树状菜单和按钮菜单。 在树状菜单的显示区，可以切换换到标准菜单，以及折叠式菜单。 切换到按钮菜单之后：
2014-07-03 11:00:04
16347
61
原创 跟我一起学extjs5(08--自定义菜单1)
跟我一起学extjs5(08--自定义菜单1) 顶部和底部区域已经作好，在顶部区域有一个菜单的按钮，这一节我们设计一个菜单的数据结构，使其可以展示出不同样式的菜单。由于准备搭建的是一个系统模块自定义的系统，因此菜单也是自定义的，在操作员系统登录的时候，和MainModel中的其他数据一样，将会通过ajax加载要显示的菜单数据，然后生成菜单条或者菜单树。在这个例子中，我
2014-07-02 09:38:45
16529
29
原创 跟我一起学extjs5(07--继承自定义一个控件)
跟我一起学extjs5(07--继承自定义一个控件) Extjs的开发都可以遵循OOP的原则，其对类的封装也很完善了。自定义一个控件最简单的办法就是继承一个已有的控件。根据上一节的需要，我做了一个Button的子类。首先根据目录结构，在app目录下建立一个ux目录，将自定义控件都放在这个目录下。在ux目录下建立一个文件ButtonTransparent.js。
2014-07-01 14:01:00
21407
21
原创 跟我一起学extjs5(06--使用图标字体来美化按钮)
跟我一起学extjs5(06--使用图标字体来美化按钮) sencha 的例子中，有使用图标字体来美化按钮的例子，这个用起来又方便风格又统一，例如下图： 上面图标字体的使用方法也很简单，只要下载Font Awesome的css和图标文件，放到项目里就可以了。Font Awesome的网站为：点击打开链接。进入网站后，先下载Font A
2014-07-01 08:15:50
36657
31
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人