Ext(4)——事件响应和render问题

这里的事件响应主要是针对Button的事件响应来说的，主要有三种方式:

第一种是直接写handler: function() {}，这种方式默认会去响应其click事件，

第二种是通过listeners属性来实现其事件的说明，如：

listeners： ｛

       "click": function() {}

｝

第三种方式是通过on关键字来实现，如：

var btn = new Ext.Button();

btn.on("click",function() {})

 

对于render而言，如果在新建一个panel的时候指定了其render属性，那么在其后使用该对象来进行组件添加操作是不会成功的，因为有了render以后，系统会先将panel在页面上进行显示，然后通过异步的方式来执行后面的操作，所以当执行后续的添加操作时就不会进行显示了，如果确实需要这样来实现相关的添加操作，那么就可以监听其render事件，该监听方法会在render之前执行，这时候就可以把需要添加组件的操作在该方法中执行。当没有指定render属性的时候就可以随意的 进行添加操作了，只是最后需要手动的调用类似于panel.render(document.body)这样的方法。

 

 

示例代码如下：