Ext.js4 - 在面板顶部而不是底部添加一个框

Question

我正在使用Ext.js 4.我有一个面板，其中包含从服务器返回的日志消息。

以下内容会将最新消息附加到该面板：

// show log on the log panel
logPanel.add( { xtype: 'box', autoEl: { cn: theText } } );

我还在消息之间添加了一个分隔栏：

// add a separator bar
logPanel.add( { xtype: 'box', autoEl: { html: '<hr/>'} } );

我想在添加新邮件之前清除面板，因此只显示最新的邮件，这样可行（如果放在上面之前）：

// the following will remove prior log messages...
logPanel.removeAll();

但我真正想做的只是将最新消息放在之前的消息之前（add方法的默认操作是AFTER）。

有关我如何做到这一点的任何建议？提前谢谢。

Answer 1

使用插入方法：http://docs.sencha.com/ext-js/4-0/#!/api/Ext.container.AbstractContainer-method-insert