本文共 1227 字,大约阅读时间需要 4 分钟。
(从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 一般如下:
({ name:'MyApp', launch:function(){ ('',{ items:{ html:'My App'}});}});
这做了很多的事情。首先,创建了一个名为MyApp的全局变量.所有的应用程序类(如Models,Views,Controllers)都被认为在一个单独的命名空间下。这大幅降低了全局变量名冲突的机会。MyApp也有一个全局的方法来获得对当前应用的引用
var app =MyApp.getApplication();
当所有的页面内容准备好并且所有的javascript被加载后,你的应用程序的launch函数被调用,此刻启动您的应用程序并运行代码。
--------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------
可以参照官方文档
转载地址:http://jiupi.baihongyu.com/