如何在Ext.form.FormPanel中让等待提示绑定在具体的form之上

如何在Ext.form.FormPanel中让等待提示绑定在具体的form之上

效果:

 

上下文描述:

     在项目开发过程中,我们在一个formPanel中要同时load多个form中的数据,但不同的form在load的时间上是不一样的,这时我们需要给每个form都加上一个等待提示,每个form都根据自己的具体情况决定什么时候打开可关闭等待提示框.

 

解决方案:

Example.Form = Ext.extend(Ext.form.FormPanel, { 

....
  ,initComponent:function() { ...}

  ,onRender:function() { //Form onRender override
      // call parent
   Example.Form.superclass.onRender.apply(this, arguments); 
      // set wait message target
   this.getForm().waitMsgTarget = this.getEl(); 
   } // eo function onRender

}