关闭

ext 6.0框架结构

216人阅读 评论(0) 收藏 举报
分类:

喜欢此文档的还喜欢

猜你喜欢

                            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

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

  

0
0

查看评论
* 以上用户言论只代表其个人观点,不代表CSDN网站的观点或立场
    个人资料
    • 访问:4568次
    • 积分:198
    • 等级:
    • 排名:千里之外
    • 原创:14篇
    • 转载:12篇
    • 译文:0篇
    • 评论:0条
    文章分类
    文章存档