Ext学习之3_onReady

Ext.namespace("com.deng");
/**
 * 页面与脚本完全分离
 * 
 * 在界面设计的过程中，我们发现不再需要和html打交道，不在关注div，table，span，就想winform一样，只要
 * 以某种布局放置控件即可，所有的页面最终由javascript生成
 */

/**
 * 页面加载完后，Ext.onReady 事件被触发，基本上，除了类封装，与页面相关的操作都会写在该事件中，示范代码：
 * Ext.onReady(function(){});
 * 该事件触发后，匿名函数被调用，我们的代码就是在这个函数中实现，这样我们可以通过脚本为html标签绑定事件了，举例说明：
 */

Ext.onReady(function(){
	Ext.get("btn").on("click",function(){
		var name = Ext.get("name").dom.value;
		Ext.MessageBox.alert("点击","我被点击了，非常高兴,你是" + name);
	});
});

/**
 * 备注：
 * Ext.get(Mixed el): 根据html标签的id属性获取Ext.Element对象,Ext.Element是对DOM的封装，这个是
 * 比较常见的用法，另外参数也可以是Ext.Element对象或者DOM节点对象
 * 
 * on(String eventName, Fucntion fn): 为Ext.Element对象定义一个事件，evnentName是事件名称，和传统的事件名称
 * 相比不以"on"开头，fu为事件处理函数，从这里可以延伸下去，也可以是change，keypress等
 * 
 * Ext.Element.dom: dom属性是Ext.Element对象的Dom表示，获取dom之后，可以用传统的方式进行访问
 */