ext 6.0框架结构

原创 2016年06月01日 15:26:37

喜欢此文档的还喜欢

猜你喜欢

                            extjs6.0  框架结构


 

 

pacs@pacs-desktop:~$ sudo su 

root@pacs-desktop:/home/pacs# gedit /etc/profile 

 

pacs@pacs-desktop:~$ source /etc/profile 

pacs@pacs-desktop:~$ sencha 

Sencha Cmd v6.0.2.14 

 

pacs@pacs-desktop:~$ sencha -sdk /home/pacs/ext-premium-6.0.1/ext-6.0.1 generate app MyApp 

MyApp 

Sencha Cmd v6.0.2.14 

 

pacs@pacs-desktop:~$ cd MyApp/ 

pacs@pacs-desktop:~/MyApp$ sencha app build 

Sencha Cmd v6.0.2.14 

pacs@pacs-desktop:~/MyApp$ sencha web start 

Sencha Cmd v6.0.2.14 

 

 

 

 

http://www.gycc.com/ 

sencha help 

sencha help app 

sencha help app clean 

sencha upgrade --check 

sencha upgrade 

 

sencha -sdk /path/to/sdk generate app [--modern/classic] MyApp /path/to/ 

myapp 

sencha -sdk /Users/SomeUser/bin/Sencha/Cmd/repo/extract/ext/6.0.0/ 

generate app MyApp /Users/SomeUser/projects/extjs/myapp 

 

sencha app build 

sencha app build modern 

sencha app build classic 

观看命令可用于重建和启动应用程序。

这不会只有推出该应用程序,

还可以监视任何代码更

改,并尽快代码更改被保存,它将刷新浏览器以包含更新的代码变化如下:

 

sencha app watch 

sencha app watch modern 

sencha app watch classic 

生成代码

 

sencha generate view myApp.MyView 

sencha generate model MyModel id:int,fname,lname 

sencha generate controller MyController 

如果在生成模型时没有指定字段类型,则默认字段类型为将使用字符串。

 

升级

 

sencha app upgrade [ path-to-new-framework ] 

 

第2章

核心概念

 

 

类系统,创建和扩展类

 

 

事件

 

 

查询

 

 

容器

 

 

布局

 

 

以下是在

Ext JS 6

类系统的类:

 

 

 

Ext 

 

 

Ext.Base 

 

 

Ext.Class 

 

 

Ext.ClassManager 

 

 

Ext.Loader 

Ext

是一个全局对象封装类,单身,和实用在Sencha库的方法。许多常用的实用程序

函数被定义在

Ext

。它还提供了其他类常用方法的快捷方式。

 

application 

许多应用程序的启动使用

ext.application

。此功能加载

ext.app.application

类开始与给定的配

置后加载页

 

ext.app.application

是一个类,代表了我们整个的应用

 

 

 

Ext.application({ 

 

 

name: 'MyApp', 

 

 

extend:'MyApp.Application', 

 

 

launch: function() { 

 

 

 

 

}); 

此代码创建了一个全局变量称为

MyApp

。所有应用程序的类驻留在这个单一的命名空间,

这将减少碰撞的机会全局变量。

 

define 

创建或重写一个类,您可以使用此功能。它需要三个参数,如以下代码所示。在这里,名字

是类的名字,数据是

 

申请这个类的属性,和回调是一个可选的函数,将这个类创建后调用:

Ext.define(name,data, 

callback) 

 

Ext.define('Car', { 

 

 

name: null, 

 

 

constructor: function(name) { 

 

 

 

if (name) { 

 

 

 

this.name = name; 

 

 

 

 

 

 

}, 

 

 

 

start: function() { 

 

 

 

alert('Car started'); 

 

 

 

}); 

你还可以用定义来扩展一个类:

 

 

Ext.define('ElectricCar', { 

 

 

extend: 'Car', 

 

 

start: function() { 

 

 

alert("Electric car started"); 

 

 

 

}); 

如果你想更换一个基类的实现,您可以使用

ext.define

来重写该方法,如下面的代码所示:

  

框架结构简图的模式识别

  • 2015年12月16日 23:54
  • 160KB
  • 下载

框架结构的优化设计

  • 2014年05月14日 19:11
  • 2.35MB
  • 下载

HBase (3)---框架结构及流程

Hbase依托于Hadoop的HDFS作为存储基础,因此结构也很类似于Hadoop的Master-Slave模式,Hbase Master Server 负责管理所有的HRegion Server...

css基本框架结构 very good

  • 2015年08月09日 14:57
  • 2KB
  • 下载

个人框架结构网站代码

  • 2008年12月03日 19:40
  • 13.19MB
  • 下载

SpringMVC学习(1):SpringMVC框架结构详解和入门案例详解

前言SpringMVC是一款web MVC框架产品,说起MVC模式,想必大家都已经非常熟悉了。我们就先来回顾下MVC吧。最早的MVC结构是由servlet/JSP技术组成的,其流程大致是:jsp中的f...

Apache CXF 框架结构和基本原理

CXF旨在为服务创建必要的基础设施,它的整体架构主要由以下几个部分组成: 1.Bus 它是C X F架构的主干,为共享资源提供了一个可配置的场所,作用非常类似于S p r i n g的Applic...

WDF KMDF 内核模式驱动框架结构

  • 2010年11月08日 09:47
  • 437KB
  • 下载
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:ext 6.0框架结构
举报原因:
原因补充:

(最多只允许输入30个字)