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

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

以下内容将向该面板添加最新消息：

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

我还在消息之间添加了分隔条：

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

但是我真正想做的是简单地将最近的消息放在前面的消息之前（add方法的默认操作是在后面）

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

使用插入方法：

使用插入方法：

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