Ext学习之3_onReady

dengyulong

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