摘要：
Ext JS在Sencha框架中引入了许多新的和令人兴奋的改进。这些变化为基于所有现代浏览器、设备和屏幕尺寸带来了新的功能和可用性。 工具包（ToolKits） Ext JS 6最大的变化就是将Ext JS和Touch合并为一个单一的框架。之前的框架的核心（数据、控制器、模型等等）已被调和为一个单一 阅读全文
posted @ 2015-11-26 18:46
前端客
阅读(864)
评论(0)
推荐(0)
摘要：
Ext JS 5.0.1 is a maintenance release that addresses many bugs and limitations discovered by our community while testing Ext JS 5.0.0. We believe this 阅读全文
posted @ 2015-11-26 18:35
前端客
阅读(748)
评论(0)
推荐(0)
摘要：
We are excited that Ext JS 5 is now available! Ext JS 5 introduces many new and exciting improvements to the Sencha Framework. These changes bring abo 阅读全文
posted @ 2015-11-26 18:34
前端客
阅读(2548)
评论(0)
推荐(0)
摘要：
至此我们已经学习了Data包和布局等API。下面我们来学习作为Extjs框架中我们用得最多的用来展现数据的Grid、Tree和Form吧！ 目录： 5.1. Grid panel 5.1.1. Columns 5.1.2. Feature 5.1.2.1. Ext.grid.feature.Grou 阅读全文
posted @ 2015-11-26 18:00
前端客
阅读(3186)
评论(0)
推荐(0)
摘要：
布局用于定义容器如何组织内部子元素和控制子元素的大小。在一个应用程序中，作为定义容器的组织形式，布局是一个十分重要的组件。是显示单个子元素？还是垂直或水平显示多个子元素？这些均由布局来定义。并且布局将占用应用程序大部分的呈现时间。Extjs4中对布局进行了重大的修整。下面我们将学习并熟悉Extjs中 阅读全文
posted @ 2015-11-26 17:58
前端客
阅读(1158)
评论(0)
推荐(0)
摘要：
Extjs 4引入新的数据包，其中新增了不少新类并对旧有的类作出了修整。使数据包更强大和更容易使用。 本章我们将学习一下内容： 2.1. 概述新特性 Extjs4的数据包引入了如Model类的新特性。同时对Store和Proxy类进行了修整。大部分的修整都是向后兼容的。最大的变化是在Record、S 阅读全文
posted @ 2015-11-26 17:57
前端客
阅读(7499)
评论(0)
推荐(2)
摘要：
Extjs 4相对于之前的版本作出了重大的修正。其中包括全新的类系统、新平台的引入、API的修整和加强还有新组件的引入（如新的图表和图形组件）。Extjs 4提供更快速、更稳定的用户体验，并且让开发人员更容易上手。 1.1. 入手Extjs 4 Extjs是一个跨浏览器的富互联网应用框架，其UI组件 阅读全文
posted @ 2015-11-26 17:02
前端客
阅读(559)
评论(0)
推荐(0)
摘要：
Extjs Form是一个比较常用的控件，主要用来显示和编辑数据的，今天这篇文章将介绍Extjs Form控件的详细用法，包括创建Form、添加子项、加载和更新数据、验证等。Form和Form BasicExtjs Form和Form Basic是两个东西，Form提供界面的展示，而Form Bas... 阅读全文
posted @ 2015-11-26 11:10
前端客
阅读(678)
评论(0)
推荐(0)
摘要：
自定义的Form已经可以运行了，下面改一下配置，把Form里面的FieldSet放在Tab之下。修改一下ModuleModel.js中的data下的tf_FormSchemes下的方案，增加一个属性。上面设置好了以后，可以看到Form中FieldSet都放置在Tab中了,下面的截图展示了二个Tab的... 阅读全文
posted @ 2015-11-26 11:00
前端客
阅读(448)
评论(0)
推荐(0)
摘要：
在本节中将要加入各种类型的字段，在加入字段的时候由于可以一行加入多个字段，因此层次结构又多了一层fieldcontainer。form里面的主要层次结构如下： form -- fieldSet -- fieldcontainer -- field。现在加入fieldcontainer的生成器的文件，... 阅读全文
posted @ 2015-11-26 10:58
前端客
阅读(375)
评论(0)
推荐(0)
摘要：
下面开始设计和完成一个简单的Form的自定义过程。先准备数据，在ModuleModel.js中的data属性下面，加入自定义Form的参数定义，下面的代码中定义了一个新的属性tf_formSchemes,在这个属性下面可以定义多个formScheme，下面的例子中只加入了一个，在formScheme... 阅读全文
posted @ 2015-11-26 10:57
前端客
阅读(435)
评论(0)
推荐(0)
摘要：
前面几节完成了模块Grid的自定义，模块Form自定义的过程和Grid的过程类似，但是要更复杂一些。先来设计一下要完成的总体目标。1､可以有多个Form方案，对应于显示、新增、修改、审核、审批等功能；2､对于上述各种功能可以选择不同的Form方案，比如说修改可以有几个方案，各个操作员可以选择他们感兴... 阅读全文
posted @ 2015-11-26 10:55
前端客
阅读(987)
评论(0)
推荐(0)
摘要：
对于有很多字段的模块在一个grid中显示所有的字段，会显得很臃肿，对于不同的用户其侧重的字段类型也不尽相同，因此就有必要为Grid的列表设计多个方案。在这个自定义系统进行设计的时候，我已经将这部分内容设计了进去，在ModuleModel.js中，在data下面有个属性tf_gridSchemes为数... 阅读全文
posted @ 2015-11-26 10:54
前端客
阅读(921)
评论(0)
推荐(0)
摘要：
经过对自定义模块和Grid的设计和编码，现在已经能对一个有配置信息的模块来生成界面并进行一些简单的CURD操作。由于这是一个全解释性的前台的架构，因此你想到的任何新主意都可以放到所有的模块中。比如对于“Grid列宽的自动适应”这个功能，我们可以在系统设置项里加入“列宽自适应模式”，下面有三个选项：1... 阅读全文
posted @ 2015-11-26 10:52
前端客
阅读(378)
评论(0)
推荐(0)
摘要：
网页当中的拖放(drag-drop)是比较有趣的操作，extjs5中很好的封装了拖放的动作，也有各种类来支持，但是要学好“拖放”这个东西真是很难，特别是象我这样英语不好的人，看不太懂官网上的说明，做一个拖放的操作起码得几天的时间。下面完成拖放删除的功能。即，选中一条记录或多条记录，然后拖动到“删除”... 阅读全文
posted @ 2015-11-26 10:50
前端客
阅读(854)
评论(0)
推荐(1)
摘要：
上节在Grid展示时做了一个金额单位可以手工选择的功能，如果你要加入其他功能，也只要按照这个模式来操作就行了，比如说你想改变金额字段的颜色、小数位数、零值是否显示、货币符号、单位显示在标题栏或者跟在金额后面，凡是你能想到的需要手工设置的东西都可以加进来。 上面讲到的这些设置以后会加到程序里，在下载包... 阅读全文
posted @ 2015-11-26 10:49
前端客
阅读(1483)
评论(0)
推荐(0)
摘要：
这一节来完成Grid中的金额字段的金额单位的转换。转换旰使用MVVM特性，总体上和控制菜单的几种模式类似。首先在目录app/view/main/menu下建立文件Monetary.js，用于放金额单位的数据和生成菜单的items。/** * 金额单位的管理类 */Ext.define('app.vi... 阅读全文
posted @ 2015-11-26 10:47
前端客
阅读(626)
评论(0)
推荐(0)
摘要：
Grid各列已经能够展示出来了。列的类型包括字符型，整型，浮点型，货币型，百分比型，日期型和布尔型，我自定义了各种类型的渲染样式： 1、整型：标题栏居中，数值靠右显示，正数颜色为蓝色，负数颜色为红色，0不显示。 2、浮点型：标题栏居中，数值靠右显示，正数颜色为蓝色，负数颜色为红色，显示二位小数，0不... 阅读全文
posted @ 2015-11-26 10:45
前端客
阅读(1255)
评论(1)
推荐(0)
摘要：
model和columns生成好了，下面要修改一下Module.js和Grid.js中的代码，使其能够协同工作。/** * 一个模块的主控界面的容器，用来安放各个模块控件以及协调他们之间的关系 */Ext.define('app.view.module.Module', { extend: '... 阅读全文
posted @ 2015-11-26 10:44
前端客
阅读(667)
评论(2)
推荐(0)
摘要：
这一节加入模块自定义字段，并根据这些字段生成model。然后再定义grid中的分组和列。从这一切开始真正进入到了模块自定义的节奏当中，代码的复杂度和技巧性也大大提高。先从模块字段的自定义开始。先看一下ModuleModel.js中加入的新的定义：/** * 模块的数据模型 */Ext.define(... 阅读全文
posted @ 2015-11-26 10:42
前端客
阅读(472)
评论(0)
推荐(0)
摘要：
上面设计好了一个模块的主界面，下面通过菜单命令的执行来把这个模块加入到主界面当中。在MainModule.js中有一个函数，生成了当前的菜单数据：// 根据data.systemMenu生成菜单条和菜单按钮下面使用的菜单数据getMenus : function() { var items =... 阅读全文
posted @ 2015-11-26 10:41
前端客
阅读(1065)
评论(0)
推荐(0)
摘要：
上一节中设计了一些模块自定义中用到的要素，为了直观起见，这一节先建立一个模块的主界面。看过我 模块管理常规功能自定义系统的设计与实现 博客的人应该会有所了解了。一个模块的主界面是一个Grid，在其上方有个操作按钮的工具条，在左边有导航区域，在右边有一个记录明细的显示区域。下面即是一个例子：下面我们来... 阅读全文
posted @ 2015-11-26 10:39
前端客
阅读(938)
评论(0)
推荐(0)
摘要：
从这一节开始我们来设计并完成一个自定义模块。我们先来确定一个独立的模块的所能定义的一些模块信息。以下信息只是我自己在开发过程中想到或用到的，希望有新的想法的或者有建议的跟贴回复。一个独立模块包含以下信息：1、模块的基本信息模块ID号：一个数字的ID号，可以根据此ID号的顺序将相同分组的模块放在一块。... 阅读全文
posted @ 2015-11-26 10:37
前端客
阅读(892)
评论(0)
推荐(0)
摘要：
菜单的样式多了，怎么可以灵活的切换是个问题。在使用标准菜单的时候，在菜单最前面有二个按钮，可以切换到树状菜单和按钮菜单。在树状菜单的显示区，可以切换换到标准菜单，以及折叠式菜单。切换到按钮菜单之后：切换菜单切换到标准菜单和树状菜单，需要在设置里面进行操作。下面分别来看看是如何实现的。由于内部处理比较... 阅读全文
posted @ 2015-11-26 10:36
前端客
阅读(443)
评论(0)
推荐(0)
摘要：
这一节来定义另外三种类型的菜单类。首先定义菜单按钮类。文件放于app/view/main/region目录下面，文件名为ButtonMainMenu.js。/** * 显示在顶部的按钮菜单，可以切换至标准菜单，菜单树 */Ext.define('app.view.main.region.Button... 阅读全文
posted @ 2015-11-26 10:35
前端客
阅读(455)
评论(0)
推荐(0)
摘要：
顶部和底部区域已经作好，在顶部区域有一个菜单的按钮，这一节我们设计一个菜单的数据结构，使其可以展示出不同样式的菜单。由于准备搭建的是一个系统模块自定义的系统，因此菜单也是自定义的，在操作员系统登录的时候，和MainModel中的其他数据一样，将会通过ajax加载要显示的菜单数据，然后生成菜单条或者菜... 阅读全文
posted @ 2015-11-26 10:33
前端客
阅读(1138)
评论(0)
推荐(0)
摘要：
Extjs的开发都可以遵循OOP的原则，其对类的封装也很完善了。自定义一个控件最简单的办法就是继承一个已有的控件。根据上一节的需要，我做了一个Button的子类。首先根据目录结构，在app目录下建立一个ux目录，将自定义控件都放在这个目录下。在ux目录下建立一个文件ButtonTransparent... 阅读全文
posted @ 2015-11-26 10:30
前端客
阅读(919)
评论(0)
推荐(0)
浙公网安备 33010602011771号