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之后,可以用传统的方式进行访问
*/
Ext学习之3_onReady
最新推荐文章于 2018-08-06 08:59:10 发布