首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > 开发语言 > 编程 >

Ext学习之三_onReady

2013-12-11 
Ext学习之3_onReadyExt.namespace(com.deng)/** * 页面与脚本完全分离 ** 在界面设计的过程中,我们发现

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之后,可以用传统的方式进行访问 */
?

热点排行