extjs 基础知识点1

extjs里面最常用的方法

（从extjs4.0学习指南中归纳）

1、Ext.onReady

   这个方法在当前的DOM加载完毕后自动调用，保证页面内的所有元素都能被script所引用

  1）获取元素

   var myDiv = Ext.get('myDiv‘);

   会去到页面上Id 是myDiv的元素。返回的是一个element对象

   区分ext.get 和ext.getCmp

   Ext.get( String/HTMLElement/Ext.Element el) : Ext.dom.Element

   返回的是 Ext.dom.Element 对象。

   Ext.getCmp( String id)

   返回的是Ext.Component对象。也就是在js代码中定义的对象，组件元素

 

     ext.select('p')  

   获取id不一样，但是某些特征一致，可以用选择器来获取，然后进行遍历

   var ps = Ext.select('p');

   然后用ps.each（）对所包含的节点进行遍历

 

2)事件响应

Ext.onReady(function() {
Ext.get('myButton').on('click', function() {
alert('You clicked the button!');
});
});

为id是myButton的html元素添加click（点击事件）

2、Ext.application

Ext.app.Application 代表一个ExtJS4 应用.这是一个典型的使用Viewport（视图）的单页应用.一个典型的Ext.app.Application 一般如下:

Ext.application({
    name:'MyApp',
    launch:function(){Ext.create('Ext.container.Viewport',{
            items:{
                html:'My App'}});}});

这做了很多的事情。首先，创建了一个名为MyApp的全局变量.所有的应用程序类(如Models,Views,Controllers)都被认为在一个单独的命名空间下。这大幅降低了全局变量名冲突的机会。MyApp也有一个全局的方法来获得对当前应用的引用

var app =MyApp.getApplication();

当所有的页面内容准备好并且所有的javascript被加载后，你的应用程序的launch函数被调用，此刻启动您的应用程序并运行代码。

--------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------

可以参照官方文档

 http://www.objis.com/formationextjs/lib/extjs-4.0.0/docs/api/Ext.app.Application.html