为Combo组件设置获取数据失败后重新刷新的功能

combo组件在点击后会从后台装载数据，但是如果首次装载失败了，下拉框就不会再次装载数据。为了能在装载失败后再次点击时也能刷新数据，需要对combo组件的beforeQuery事件做个监听，判断如果combo的store里面没有数据，人为的触发一次load：
1，获取当前combo的store
2，判断store是否做过了load，因为首次下拉会触发store做load，如果不做判断会在首次下拉时触发2次load
3，判断store是否有数据
4，如果store做过load，并且记录数是0的情况下，触发reload方法
代码如下：
cb.on("beforequery", function(qe){
var store = this.getStore();
if (store && store.baseParams && store.baseParams.query != null && store.getCount() == 0) {
store.reload();
}
  });
其中cb是combo的一个实例，store.baseParams.query是combo在装载数据后会创建出来的参数，目的是为了实现过滤，我们通过判断这个参数是否存在来证明combo有没有自己做过数据装载。需要注意的是，使用了reload方法，如果这个combo的store是预先定义好的某个变量，要避免在load方法中传输参数，否则reload也必须传递同样的参数。

以上方法实际证明可行，在点击combo时可以在firebug中查看控制台的ajax提交的内容。但是如果之前开发好的页面中有很多combo需要这样修改，就需要太多的修改，需要考虑如何侵入Ext.form.ComboBox的源码进行修改，修改方法可以参考：ExtJS 中如何给Label添加click事件 一文。
现总结如下：
曾经尝试多种修改Ext.form.ComboBox的原型事件，都没有成功，可能是因为没有找对正确的事件。而直接写Ext.form.ComboBox.on("beforequery")肯定是不行的，因为Ext.form.ComboBox是个class，而没有被实例化。
但是在此文中使用的方法是针对组件的afterRender事件（这是每个组件都有的），使用createSequence添加一个后续的函数，在此函数中可以对当前的beforequery事件做绑定，此时因为是组件被渲染成功，因此当前的组件已经实例化了，随后在此处可以做任何想做的事情，不仅仅是绑定一个事件。
修改后的源码如下：
Ext.form.ComboBox.prototype.afterRender = Ext.form.ComboBox.prototype.afterRender.createSequence(function(){
this.on("beforequery", function(qe){
var store = this.getStore();
if (store && store.baseParams && store.baseParams.query != null && store.getCount() == 0) {
store.reload();
}
});
});
这段代码需要在整个页面的js装载后，且在有combo的窗口创建前执行。


总结一下，combo的beforeQuery事件会在每次点击时触发，但是是否会提交后台查询数据是由combo内部判断的，仅在首次触发。如果需要在装载失败后重新刷新，则需要人为的在此事件中装载数据（需要避免和首次触发时的自动装载重复）。
对ExtJs的组件统一添加新的功能，可以采用修改组件的afterRender事件，使用createSequence添加一个自定义函数，在此函数中做相应的事件绑定或其他属性修改的操作。