Ext.msg.show（）的位置-Extjs

Question

我试图将我的味精盒放到位，但徒劳。
以下是我的包装盒代码：

var msg = Ext.Msg.show({     
 msg:'<br><br>'+'Enter Valid Quatity',
 buttons: Ext.Msg.OK,
 modal: false,
 animEl: 'mb9',
 cls: 'msgbox',
 fn: function(btn){
  if(btn == 'ok'){   
  myMasks.hide();
  }
 }
});

CSS hack：

<style type="text/css">
 .msgbox{
  left: 257px!important;
  top: 266px!important;
  width: 250px;
  height: 110px;
  position: absolute;
  box-shadow: 0 0px 0px!important;
 }
 .x-css-shadow{
 display:none !important;
 }
</style>

当我砍css定位框时，阴影是可见的。 我再次使用css在Mozilla中隐藏了此阴影，但无法在IE中执行相同操作。

我也没有遵循这个链接中给出的答案。

谁能提供给我一个解决方案，要么直接使用Extjs的config属性放置框，要么成功地在IE中隐藏框的阴影？

Answer 1

好的，您可以删除animEl配置，因为这对ExtJS 4和5无效。并使用setXY（）方法将MessageBox放置在所需的任何位置：

var msg = Ext.Msg.show({     
    msg:'<br><br>'+'Enter Valid Quatity',
    buttons: Ext.Msg.OK,
   //modal: false, */ No need for this because modal defaults to false */
   fn: function(btn){
       if(btn == 'ok'){   
           myMasks.hide();
       }
   }
});
Ext.Msg.setXY([257,266],false); // You can set the second argument to another object if you want the box to animate from it.