ext 6.0框架结构

上传文档

相关文档推荐

• 0book1

  暂无评价

   1页

    1下载券

  管道土方计算表0Book1

   3页

    免费

喜欢此文档的还喜欢

• 使用ExtJS6.0开发应用框...

   15页

    1下载券

  J2SE下半部分_马士兵 ja...

   147页

    5下载券

  J2SE上半部分_马士兵 ja...

   201页

    5下载券

  Java教程java培训ppt课件...

   966页

    5下载券

  孙鑫老师——JAVA课件PP...

   187页

    1下载券

猜你喜欢

                            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 ] 

 

第２章

核心概念

 

 

类系统，创建和扩展类

 

 

事件

 

 

查询

 

 

容器

 

 

布局

 

 

以下是在

Ext JS 6

类系统的类：

 

•

 

 

Ext 

•

 

 

Ext.Base 

•

 

 

Ext.Class 

•

 

 

Ext.ClassManager 

•

 

 

Ext.Loader 

Ext

是一个全局对象封装类，单身，和实用在Ｓｅｎｃｈａ库的方法。许多常用的实用程序

函数被定义在

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

来重写该方法，如下面的代码所示：