幻灯片放映时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 方法将其滑入。