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.