extjs2 DateField 和 combox组件被所在form panel遮住 解决方法

DateField和Combox组件被遮住的主要原因都是其dom元素样式的z-index小于其所在容器的z-index
对于Combox可以设置一下listClass:'className'->.className{   
    z-index:600000;//可以自己按需自定   
  } 
这样只有组件的z-index的值大于所在容器的z-index的值下拉列表就快显示；
而DateField就不能这样做，它的下拉框是一个Ext.menu.DateMenu实例，在
DateField构造cfg里并没有可以设置Ext.menu.DateMenu样式的属性，其实即使有也
不行，因为Ext.menu.DateMenu继承自Ext.menu.Menu， Ext.menu.Menu在render的时候是通过方法createEl（）来创建的一个Ext.Layer实例，并设定其zindex:15000值，这样这个layer的dom->div->style="z-index:15000",由于style的值优先于id,class
所以即使可以修改class以不起作用；
方法（1）修改源代码了(不推荐)：把Ext.menu.Menu->createEl（）->zindex值提高;；
（2）扩展Ext.form.DateField：
/*customizedatefield*/
com.app.form.CustomizeDateField =  Ext.extend(Ext.form.DateField ,{
      initComponent : function(){
               com.app.form.CustomizeDateField.superclass.initComponent.call(this);
      },
      onTriggerClick:function(){
com.app.form.CustomizeDateField.superclass.onTriggerClick.call(this);
this.menu.el.setStyle('z-index','300000');
  
     }
});
  Ext.reg('customizedatefield', com.app.form.CustomizeDateField);
即可。
还要如果ext的组件被ActiveX遮住，需要设定：Ext.useShims = true；
这样就可以完整显示组件。