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