Ext.app.Application

翻译 2012年03月26日 23:55:07

配置选项

目录,其中包含所有应用程序的类路径。这条道路将被通过Ext.Loader.setPath登记中指定的命名空间名称的配置。

默认值:“应用程序”

真正的自动加载和实例AppName.view.Viewport发射前发射功能。

:以默认

 

当第一次加载的应用程序,该URL将被重定向到。

真正到自动设置Ext.tip.QuickTip的支持。

:以默认的真实

该控制器的ID。你可以使用这个ID时调度。

这个对象初始化过程中被添加到一个配置对象,其中包含一个或多个事件处理程序。这应该是一个配置对象,在指定的有效听众addListener一次附加多个处理程序的例子。

来自外部JS DOM事件的组件

虽然一些 Ext JS的组件类导出选定的DOM事件(如“点击”,“鼠标悬停”等),这通常只是做时可以增加额外的价值。例如DataView中itemClick事件传递的节点上点击。来访问DOM事件,直接从一个组件的子元素,我们需要指定元素的选项来确定组件的属性,添加一个DOM监听:

     
        EL基本属性面板上的
            FN  函数(){ 控制台日志'点击EL' );  
        } } 
        双击 { 
            元素 '身体'  / /绑定到底层的身体属性面板上的
            FN  功能(){ 控制台日志'双击体' );  
        } } 
    
} } );

模型的阵列到需要从AppName.model命名空间。例如:

分机,定义“MyApp.controller.Foo  { 
    延长 “Ext.app.Controller” 
    机型 [ '用户'  '汽车' ] 
});

这相当于:

Ext.define("MyApp.controller.Foo", {
    extend: "Ext.app.Controller",
    requires: ['MyApp.model.User', 'MyApp.model.Vehicle']
});

您的应用程序的名称。这也将是您的看法,控制器,模型和商店的命名空间。不要在名称中使用空格或特殊字符。

的范围,执行发射英寸的应用实例的默认功能。

商店阵列到需要从AppName.store命名空间。例如:

分机定义“MyApp.controller.Foo  { 
    延长 “Ext.app.Controller” 
    商店 [ '用户'  '车辆' ] 
});

这相当于:

Ext.define("MyApp.controller.Foo", {
    extend: "Ext.app.Controller",
    requires: ['MyApp.store.Users', 'MyApp.store.Vehicles']
});

阵列的意见,要求从AppName.view命名空间。例如:

分机定义“MyApp.controller.Foo  { 
    延长 “Ext.app.Controller” 
    观看次数 [ '名单'  '细节' ] 
});

这相当于:

Ext.define("MyApp.controller.Foo", {
    extend: "Ext.app.Controller",
    requires: ['MyApp.view.List', 'MyApp.view.Detail']
});
定义

属性

已完全加载页面时自动调用。这是一个空函数,应该是需要采取行动,在页面加载的每个应用程序重写

获取当前类的引用,此对象被实例化。, this.self是依赖范围和它意味着要使用动态继承。看到 的详细比较

分机定义“My.Cat  {  { 
        speciesName  '猫'  / / My.Cat.speciesName的'猫' 
    },

    构造函数 函数() { 
        警报这个自我speciesName );  / 依赖“这'

        返回 ; 
    }

    克隆 函数() { 
        返回  新的 自我(); 
    } 
});


分机定义“My.SnowLeopard'  { 
    延长 'My.Cat'  { 
        speciesName  '雪豹'          / / My.SnowLeopard.speciesName ='雪豹' 
    
} } );

=   ();                      / /警报“猫” 
VAR snowLeopard =   SnowLeopard ();      / /警报“雪豹”

VAR 克隆snowLeopard 的clone (); 
警 ​​报分机getClassName 克隆));              / /警报“My.SnowLeopard

方法

定义

实例方法

创建新的应用程序。

参数

  • 配置对象(可选)

    Config对象。

返回

将指定的事件的观测可能触发的事件清单。

参数

  • O型对象 / 字符串

    无论真正对象的价值属性的事件名称或事件名称的字符串,如果多个事件名称被作为单独的参数传递。用法:

    addEvents ({ 
        storeloaded  真实
        storecleared  
    });
  • 更多 ... (可选)

    如果多个事件名称被作为单独的参数传递的额外的事件名称。用法:

    addEvents “storeloaded'  'storecleared' );
弦乐 eventName,FN 功能对象范围,对象选项]

一个事件处理程序附加到该对象。

参数

  • eventName字符串

    事件听的名字。也可能是一个对象的属性名称是事件名称。

  • FN功能

    事件调用的方法。将被称为参数给 fireEvent选项参数如下所述。

  • 对象范围(可选)

    范围(参考)在处理函数被执行。如果省略,则默认为触发事件的对象。

  • 选项对象(可选)

    一个对象,它包含处理程序的配置。

    注:在ExtJS的3.x的不同,选择的对象也将被传递到每一个事件处理程序作为最后一个参数。

    这个对象可能包含以下属性:

    • 范围:对象

      范围(参考)在处理函数被执行。如果省略,则默认为触发事件的对象。

    • 延迟:数字

      延迟的毫秒数后触发的事件处理程序的调用。

    • :布尔

      真正要添加一个处理程序处理的事件下烧成,然后删除自身。

    • 缓冲区数目

      使处理程序安排运行在Ext.util.DelayedTask延迟指定的毫秒数。如果在这段时间内再次触发事件,原来的处理程序是不会被调用,但新的处理程序是在它的地方举行。

    • 目标:观测

      如果事件被解雇的目标观测,如果事件冒泡孩子观察到,只调用处理程序

    • 元素:字符串

      此选项仅用于绑定到听众的有效成分引用一个元素添加一个侦听器组件属性的名称。

      此选项是在添加元素的DOM事件监听器组件建设有用的 组件,将组件被渲染后,才存在。例如,点击监听器添加到面板的身体:

      新的 分机面板面板({ 
          标题 “标题” 
          听众 { 
              点击 handlePanelClick 
              元素 '身体' 
          } 
      });

    结合选项

    使用该选项的参数,它是可以结合不同类型的听众:

    一个延迟的,一次性的监听器。

    myPanel “隐藏”  这一点handleClick   {  真实
        延迟 100 
    });

    附加多个处理程序在1个呼叫

    该方法还允许一个单一的参数被传递,这是一个配置对象,其中包含指定多个事件的性质。例如:

         重要。确保“这个”是正确的处理程序的执行过程中
    });

    一个也可以单独指定每个事件处理程序的选项:

    myGridPanel.on({
        cellClick: {fn: this.onCellClick, scope: this, single: true},
        mouseover: {fn: panel.onMouseOver, scope: panel}
    });

将监听器添加任何Observable对象(或Ext.Element对象),这个组件被销毁时被自动删除。

参数

  • 项目Ext.util.Observable / Ext.Element对象

    该项目添加一个监听器/监听器。

  • ENAME对象 / 字符串

    事件的名称,或一个包含事件名称属性的对象。

  • FN功能(可选)

    如果ENAME参数是一个事件的名称,这是处理函数。

  • 对象范围(可选)

    如果ENAME参数是一个事件的名称,这是在处理函数执行的范围(参考)。

  • 选择对象(可选)

    如果ENAME参数是一个事件的名称,这是的 addListener选项。

阵列 /参数args):保护对象

调用原来的方法是以前重写覆盖

分机定义“My.Cat  { 
    构造 函数() { 
        警报“我是猫” );

        返回 ; 
    
} } );

我的覆盖({ 
    构造 函数() { 
        警报“我是猫” );

        实例=  callOverridden ();

        警报Meeeeoooowwww“ );

        返回实例; 
    
} } );

VAR 小猫=   () / /提示“我要成为一只猫!” 
                          / /警报“我是一只猫!” 
                          / /警报“Meeeeoooowwww”

参数

  • 参数阵列 /参数

    的论点,一个数组或参数对象

返回

  • 物件

    返回后调用重载方法的结果

阵列 /参数args):保护对象

调用父的重写的方法。例如:

分机定义“My.own.A  
    构造函数 函数测试 { 
        警报测试); 
    
} } );

分机定义“My.own.B'  { 
    延长 “My.own.A

    构造函数 函数测试 { 
        警报测试);

        这一点callParent ([ 测试+  1 ]); 
    
} } );

分机定义“My.own.C'  { 
    延长 “My.own.B

    构造函数 函数() { 
        警报“要打 ​​电话给父母的重载构造...” );

        callParent 参数); 
    
} } );

VAR 1 =  新的 A 1 );  / /警报'1' 
VAR =  新的 自己B 1  / /警报'1',然后提醒'2' 
VAR =  新的 自己的 C 2 );  / /警示“要打 ​​电话给父母的重载构造...” 
                         / /警报'2',然后提醒'3'

参数

  • 参数阵列 /参数

    的论点,或者一个数组参数对象从目前的方法,例如:this.callParent(参数)

返回

  • 物件

    返回从父类的方法的结果。

删除此对象的听众,包括托管的所有听众

删除此对象的所有管理的听众。

通过选定的组件Ext.ComponentQuery添加听众接受一个对象,其中包含组件路径映射到一个侦听器函数的散列。

在下面的例子updateUser功能映射到点击 一个按钮组件,这是一个孩子的事件useredit组件。

分机定义“AM.controller.Users'  { 
    INIT  函数() { 
        控制({ 
            'useredit [动作按钮保存]'  { 
                点击 updateUser
             } 
        }); 
    },

    updateUser  功能按钮 { 
        控制台日志“点击”保存“按钮” ); 
    
} } );

看到Ext.ComponentQuery组件选择的更多信息。

参数

  • 选择字符串 / 对象

    如果一个字符串,第二个参数是作为听众,否则选择的对象 - >听众假定

  • 听众对象

启用这个观测发射泡了一个雇主阶层,通过调用事件this.getBubbleTarget()如果存在。有没有在观察基类的实现。

这是常用由雇主容器的泡沫事件Ext.Components。看到Ext.Component.getBubbleTarget在默认情况下实施Ext.Component返回组件的直接雇主。但是,如果需要一个已知的目标,这可以重写更迅速地访问所需的目标。

例如:

分机分机形式领域基地 { 
    / /添加功能initComponent场的启用更改事件   
        
    

    / /我们知道我们想要的泡沫直接向现场的事件  
          
             
        
         
    


VAR myForm的  分机formPanel 
    标题 “用户详细信息” 
    项目 [{ 
        ... 
    }],
    听众 { 
        变化 函数() { 
            / /标题变红,如果已被修改的形式
            myForm的使用setStyle '色'  '红' ); 
        } 
    
} } );

参数

  • 事件字符串 / 字符串 []

    事件名称的泡沫,或事件名称的阵列。

触发指定的事件传递的参数(零下事件的名称,再加上选择对象传递给addListener)。

事件可以设置泡了一个观察的父层次(见Ext.Component.getBubbleTarget)调用enableBubble

参数

  • eventName字符串

    触发事件的名称。

  • 参数对象 ...

    可变数目的参数传递给处理。

返回

  • 布尔

    如果处理程序的任何虚假的回报返回false,否则返回true。

返回具有给定名称的一个实例控制器当控制器不存在,创建它。

参数

返回

返回与给定名称的一个模型类。一个速记Ext.ModelManager.getModel使用

参数

返回

返回给定名称的一个实例存储当商店不存在,创建它。

参数

返回

返回一个具有给定名称的View类。要创建视图的一个实例,你可以用它像它的应用程序用于创建视口:

getView “视口” 。)创建();

参数

返回

检查看到,如果这个对象有一个特定事件的任何听众

参数

  • eventName字符串

    事件的名称,以检查

返回

  • 布尔

    True如果事件正在听,否则返回false

您的应用程序启动时被称为模板方法。它被称为应用的发射功能执行前 ,给出了一个挂钩点,前视口创建运行任何代码。

这是一个模板方法。钩一个到本class.Feel的子类覆盖它的功能。

参数

这个类的初始化配置。一个典型的例子:

分机定义“My.awesome.Class'  { 
    / /默认的配置
    配置 { 
        名称 “真棒” 
        isAwesome  
    },

    构造函数 函数( CONFIG  { 
        这一点initConfig 配置);

        返回 ; 
    
} } );

VAR 真棒=  新的 真棒({ 
    名字 “超级真棒' 
});

警报真棒的getName ());  / /'超级真棒“

参数

返回

  • 物件

    混入的关键mixin的原型 - 值对

Ext.util.Observable / Ext.Element对象的项目,对象 / 字符串 ENAME,[ FN 功能 ],[ 对象范围],[ 对象选择]

速记addManagedListener

将监听器添加任何Observable对象(或Ext.Element对象),这个组件被销毁时被自动删除。

参数

  • 项目Ext.util.Observable / Ext.Element对象

    该项目添加一个监听器/监听器。

  • ENAME对象 / 字符串

    事件的名称,或一个包含事件名称属性的对象。

  • FN功能(可选)

    如果ENAME参数是一个事件的名称,这是处理函数。

  • 对象范围(可选)

    如果ENAME参数是一个事件的名称,这是在处理函数执行的范围(参考)。

  • 选择对象(可选)

    如果ENAME参数是一个事件的名称,这是的 addListener选项。

速记removeManagedListener

删除被添加的听众星期一方法。

参数

  • 项目Ext.util.Observable / Ext.Element对象

    该项目从其中删除监听器/监听器。

  • ENAME对象 / 字符串

    事件的名称,或一个包含事件名称属性的对象。

  • FN功能(可选)

    如果ENAME参数是一个事件的名称,这是处理函数。

  • 对象范围(可选)

    如果ENAME参数是一个事件的名称,这是在处理函数执行的范围(参考)。

弦乐 eventName,FN 功能对象范围,对象选项]

速记addListener

一个事件处理程序附加到该对象。

参数

  • eventName字符串

    事件听的名字。也可能是一个对象的属性名称是事件名称。

  • FN功能

    事件调用的方法。将被称为参数给 fireEvent选项参数如下所述。

  • 对象范围(可选)

    范围(参考)在处理函数被执行。如果省略,则默认为触发事件的对象。

  • 选项对象(可选)

    一个对象,它包含处理程序的配置。

    注:在ExtJS的3.x的不同,选择的对象也将被传递到每一个事件处理程序作为最后一个参数。

    这个对象可能包含以下属性:

    • 范围:对象

      范围(参考)在处理函数被执行。如果省略,则默认为触发事件的对象。

    • 延迟:数字

      延迟的毫秒数后触发的事件处理程序的调用。

    • :布尔

      真正要添加一个处理程序处理的事件下烧成,然后删除自身。

    • 缓冲区数目

      使处理程序安排运行在Ext.util.DelayedTask延迟指定的毫秒数。如果在这段时间内再次触发事件,原来的处理程序是不会被调用,但新的处理程序是在它的地方举行。

    • 目标:观测

      如果事件被解雇的目标观测,如果事件冒泡孩子观察到,只调用处理程序

    • 元素:字符串

      此选项仅用于绑定到听众的有效成分引用一个元素添加一个侦听器组件属性的名称。

      此选项是在添加元素的DOM事件监听器组件建设有用的 组件,将组件被渲染后,才存在。例如,点击监听器添加到面板的身体:

      新的 分机面板面板({ 
          标题 “标题” 
          听众 { 
              点击 handlePanelClick 
              元素 '身体' 
          } 
      });

    结合选项

    使用该选项的参数,它是可以结合不同类型的听众:

    一个延迟的,一次性的监听器。

    myPanel “隐藏”  这一点handleClick   {  真实
        延迟 100 
    });

    附加多个处理程序在1个呼叫

    该方法还允许一个单一的参数被传递,这是一个配置对象,其中包含指定多个事件的性质。例如:

         重要。确保“这个”是正确的处理程序的执行过程中
    });

    一个也可以单独指定每个事件处理程序的选项:

    myGridPanel.on({
        cellClick: {fn: this.onCellClick, scope: this, single: true},
        mouseover: {fn: panel.onMouseOver, scope: panel}
    });

创建一个类似模板的方法初始化,但呼吁后视。这被称为后推出的应用方法执行。

这是一个模板方法。钩一个到本class.Feel的子类覆盖它的功能。

参数

继电器选择从指定观察到的事件,如果事件被解雇了这个

参数

  • 原产地对象

    可观察的事件,此对象是继电器。

  • 事件字符串 []

    事件名称继电器阵列。

  • 前缀字符串

移除事件处理程序。

参数

  • eventName字符串

    事件的类型与处理程序。

  • FN功能

    处理程序删除。这必须是addListener调用传递到功能的参考 

  • 对象范围(可选)

    最初的范围指定为处理程序。它必须是在原来的呼叫指定的范围参数相同addListener或听者不会被删除。

删除被添加的听众星期一方法。

参数

  • 项目Ext.util.Observable / Ext.Element对象

    该项目从其中删除监听器/监听器。

  • ENAME对象 / 字符串

    事件的名称,或一个包含事件名称属性的对象。

  • FN功能(可选)

    如果ENAME参数是一个事件的名称,这是处理函数。

  • 对象范围(可选)

    如果ENAME参数是一个事件的名称,这是在处理函数执行的范围(参考)。

恢复射击事件(见suspendEvents)。

如果事件被停职使用queueSuspended参数,那么所有的事件将被发送到任何侦听事件停牌期间发射。

获取从该对象被实例化的类的引用。注意this.statics() ,不同 的自我, 是独立的范围,它总是返回从它被称为类,无论是什么 点在运行时

分机定义“My.Cat  {  { 
        totalCreated  0 
        speciesName  '猫'  / / My.Cat.speciesName的='猫' 
    },

    构造函数 函数() { 
        VAR =  ();

        警报speciesName );      / /总是等于“猫”,不管是什么'这个'是指到
                                        / /相当于:My.Cat.speciesName

        提醒自我speciesName );    / /依赖于'这个'
totalCreated的+;

        返回 ; 
    }

    克隆 函数() { 
        VAR 克隆=   自我;                       / /'这个'依赖

        克隆GROUPNAME =  。()speciesName ;    / /等价于:My.Cat.speciesName

        返回克隆; 
    
} } );


分机定义“My.SnowLeopard  { 
    延长 'My.Cat'
 { 
        speciesName  '雪豹'      / / My.SnowLeopard.speciesName,='雪豹' 
    },

    构造函数 函数() { 
        callParent (); 
    
} } );

=   ();                  / /警报“猫”,然后提醒“猫”

VAR snowLeopard =   SnowLeopard ();  / /警报“猫”,然后警报'雪豹'

克隆= snowLeopard 的clone (); 
警 ​​报分机getClassName 克隆));          / /警报“My.SnowLeopard 
警报克隆的groupName );                  / /警报“猫”

警觉totalCreated的);              / /警报3

返回

暂停发射的所有事件。(见resumeEvents

参数

  • queueSuspended布尔

    错过暂停被解雇的事件作为真正的队列的resumeEvents调用,而不是丢弃所有暂停的事件。

速记removeListener

移除事件处理程序。

参数

  • eventName字符串

    事件的类型与处理程序。

  • FN功能

    处理程序删除。这必须是addListener调用传递到功能的参考 

  • 对象范围(可选)

    最初的范围指定为处理程序。它必须是在原来的呼叫指定的范围参数相同addListener或听者不会被删除。

定义

静态方法

添加/重写这个类的静态属性。

分机定义“My.cool.Class'  { 
    ... 
});

我的 凉爽addStatics ({ 
    的SomeProperty  “someValue'       / / My.cool.Class.someProperty ='someValue' 
    方法一 函数() {  ...  }     / / My.cool.Class.method1 =功能(){...}; 
    方法二 函数() {  ...  }      / / My.cool.Class.method2 =函数(){...}; 
});

参数

返回

Ext.Base fromClass,字符串 / 字符串 []成员):Ext.Base 静态

借用另一个类的成员,这个类的原型。

分机定义“银行”  {  '$ $' 
    printMoney  函数() { 
        警报'$ $ $ $ $ $ $“ ); 
    
} } );

分机定义'贼'  { 
    ... 
});

小偷借贷银行 [ '钱'  'printMoney' ]);

VAR 史蒂夫=   ();

警报史蒂夫);  / /警报“$ $ $ 
史蒂夫printMoney () / /警报“$ $ $ $ $ $ $'

参数

返回

创建这个类的新实例。

分机定义“My.cool.Class'  { 
    ... 
});

我的 很酷创建({ 
    someConfig  
});

所有参数被传递给类的构造。

返回

创建现有的原型方法的别名。例如:

分机定义“My.cool.Class'  { 
    方法一 () {  ...  } 
    方法二 函数() {  ...  
} } );

测试=   很酷();

我的凉爽createAlias ​​({ 
    method3  “方法一” 
    method4  “方法二” 
});

测试method3 ();  / / test.method1()

我的凉爽createAlias ​​(“method5'  'method3“ );

测试method5 ();  / / test.method3() - > test.method1()

参数

获取当前类的名称,以字符串格式。

分机定义“My.cool.Class  { 
    构造 函数() { 
        提醒自我的getName ()) / /警报“My.cool.Class,' 
    } 
});

我的 很酷的getName ();  / / My.cool.Class的“

返回

  • 的className

对象成员静态

方法/属性添加到这个类的原型。

分机定义“My.awesome.Cat  
    构造 函数() { 
        ... 
    } 
});

 真棒实施({  函数() { 
        警报Meowww ......“ ); 
     
 } } );

 VAR 小猫=  新的 真棒
 小猫();

参数

重写这个类的原型成员。重写的方法可以调用通过 callOverridden

分机定义“My.Cat  { 
    构造 函数() { 
        警报“我是猫” );

        返回 ; 
    
} } );

我的覆盖({ 
    构造 函数() { 
        警报“我是猫” );

        实例=  callOverridden ();

        警报Meeeeoooowwww“ );

        返回实例; 
    
} } );

VAR 小猫=   () / /提示“我要成为一只猫!” 
                          / /警报“我是一只猫!” 
                          / /警报“Meeeeoooowwww”

参数

返回


相关文章推荐

关于Ext.application的执行顺序。

index.js如下: Ext.application({ name : 'cdkj', appFolder : base + '/static/js/com', paths : base + '/s...

Ext.app.Application

继承: Ext.Base - Ext.app.Controller - Ext.app.Application Ext.app.Application定义Model,Controlle...

Ext JS 4的Application用法浅析。

译自:http://docs.sencha.com/extjs/4.2.3/#!/api/Ext.app.Application 一个简单的Ext.application的例子如下: applic...

Ext.app.Application简介

版本:6.2.1 简述: 代表性的ExtJS应用程序,通常是用Ext.container.Viewport创建的经典的单页面应用程序。 一个程序由一个或多个视图(View)组成。视图的行为表现由它对...

Writing a Big Application in Ext

PrefaceI have decided to write this article for those users of Ext 2.x that have already grown up fr...

[Extjs6]Ext.application设置mainView后无法修改,切换界面采用以下方法

经过测试,如果直接对Ext.application的mainView界面进行切换,是费力而效果不好。不如换一种思路解决。 首先自定义好程序显示的一个容器,我们在对这个容器的items进行操作的时候就...

【翻译】为Ext JS和Sencha Touch开发人员准备的应用程序监测(App Inspector)

作为一个免费的Chrome扩展,Sencha应用程序监测有助于你通过以下方式去调试应用程序: 组件监测:快速、轻松地导航组件树,在DOM中高亮显示组件,且可以查看他们的属性。 存储...
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:深度学习:神经网络中的前向传播和反向传播算法推导
举报原因:
原因补充:

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