extjs隐藏面板在显示幻灯片时闪烁

Question

我需要在点击事件中显示面板。该面板需要在显示时滑入视图，并且需要将其固定到显示的按钮上（具有点击事件的那个按钮）。

面板配置（helpPanel）如下：

{ 
    xtype: 'container', 
    autoScroll: true, 
    hidden: true, 
    floating: true, 
    shadow: false, 
    listeners: { 
     show: function(panel) { 
      panel.el.slideIn('r', { 
       easing: 'easeOut', 
       duration: 500 
      }) 
     } 
    } 
} 

的面板按钮的单击事件处理程序所示：

helpPanel.showBy(helpButton, 'tr-br'); 

它工作正常，但有一个快速/小在显示面板之前闪烁。有点像面板显示，然后在再次滑入视图之前隐藏。

这是实施幻灯片放映的正确方法吗？

谢谢

小提琴： http://jsfiddle.net/cs2014/nwvahc60/

Answer 1

可以显示面板关闭屏幕，然后用animate方法滑进去。