实例代码使用方法:
1.第一步:使用sencha cmd 创建项目 名称需要注意 输入为oaSystem
我使用的命令如下:sencha -sdk E:\openSrc\ext-5.0.0 generate app oaSystem E:\workspaces\myeclipse2014\csdn
如果不太清楚sencha cmd的命令参数,建议先阅读 http://blog.csdn.net/sushengmiyan/article/details/38313537
2.第二步:使用sencha...
分类:
Web程序 时间:
2014-08-25 21:16:34
阅读次数:
624
数据绑定(DataBinding)和视图模型(ViewModel)是Ext JS5 新增的强大特性。它们俩可以让你写最少的代码和使用声明类型的风格来帮助你解耦管理。
一个ViewModel就是一个类,这个类管理数据对象。它允许对数据感兴趣的组件来绑定它,并且当发生变化的时候会自动通知到。视图模型(ViewModel)像ViewController一样是被视图View拥有的一个引用。因为视图模型(ViewModel)和视图有关系,在组件继承关系中,祖先拥有的视图模型自雷也可以去连接。这就允许子类可以简单继承父...
分类:
Web程序 时间:
2014-08-16 15:08:30
阅读次数:
1553
Ext JS提供了mvc和mvvm的应用程序框架支持,这两种架构方法都是关注于将应用程序代码和业务逻辑分离。每一种方法都有自己的优点,这取决于怎么分离应用程序模块。这篇指导的目的就是提供有关组成这些框架的组件的基础知识。
在一个MVC框架中,大多数的类要么是模型(model)要么是视图(view)要么是控制器(controller)。用户(user)与视图(view)交互,视图(view)呢又显示模型(model)中的数据(data)。这些交互都被控制器(controller)监控,控制器(controll...
分类:
Web程序 时间:
2014-08-13 18:53:57
阅读次数:
273
个人一直欣赏大神们的唯美前端页面,而现在个人从事的是MIS系统等相关的开发,故决定学习ExtJS,目前最新版本是5.0,就从5.0开始吧。作为java开发人员,自然而然的想在eclipse中搞个extjs的简单开发环境,以后再慢慢丰富,开始吧~第一步:从官网下载extjs,目前是5.0版本第二步:用...
分类:
Web程序 时间:
2014-08-01 22:38:52
阅读次数:
358
跟我一起学extjs5(25--模块Form的自定义的设计[3])
自定义的Form已经可以运行了,下面改一下配置,把Form里面的FieldSet放在Tab之下。修改一下ModuleModel.js中的data下的tf_FormSchemes下的方案,增加一个属性。
上面设置好了以后,可以看到Form中FieldSet都放置在Tab中了,下面的...
分类:
Web程序 时间:
2014-07-30 10:01:35
阅读次数:
207
跟我一起学extjs5(24--模块Form的自定义的设计[2])
在本节中将要加入各种类型的字段,在加入字段的时候由于可以一行加入多个字段,因此层次结构又多了一层fieldcontainer。form里面的主要层次结构如下: form -- fieldSet -- fieldcontainer -- field。
现在加入fieldcontainer的生成器的...
分类:
Web程序 时间:
2014-07-29 13:04:17
阅读次数:
287
跟我一起学extjs5(22--模块Form的自定义的设计)
前面几节完成了模块Grid的自定义,模块Form自定义的过程和Grid的过程类似,但是要更复杂一些。先来设计一下要完成的总体目标。
1?可以有多个Form方案,对应于显示、新增、修改、审核、审批等功能;
2?对于上述各种功能可以选择不同的Form方案,比如说修改可以有几个方案...
分类:
Web程序 时间:
2014-07-28 16:23:23
阅读次数:
301
跟我一起学extjs5(23--模块Form的自定义的设计[1])
下面开始设计和完成一个简单的Form的自定义过程。先准备数据,在ModuleModel.js中的data属性下面,加入自定义Form的参数定义,下面的代码中定义了一个新的属性tf_formSchemes,在这个属性下面可以定义多个formScheme,下面的例子中只加入了一个,在formScheme上,加了二个f...
分类:
Web程序 时间:
2014-07-28 16:03:43
阅读次数:
358
最近了解了下EXTJS,想记录下来自己的成果,希望对刚入门EXT的同学有点帮助,首先来做个简单的实例。一、去官网下载EXTJS包extjs5,这里采用的是5.0版本,下面就正式开启吧!二、解压extjs包,找到 ext-all.js基础包(\ext-5.0.0\build); ext-all-d.....
分类:
Web程序 时间:
2014-07-22 00:23:35
阅读次数:
235
跟我一起学extjs5(21--模块Grid的多列表方案)
对于有很多字段的模块在一个grid中显示所有的字段,会显得很臃肿,对于不同的用户其侧重的字段类型也不尽相同,因此就有必要为Grid的列表设计多个方案。在这个自定义系统进行设计的时候,我已经将这部分内容设计了进去,在ModuleModel.js中,在data下面有个属性tf_gridSchemes为数组型,你有多少...
分类:
Web程序 时间:
2014-07-21 11:33:55
阅读次数:
311