Управление объектами в макете

Question

У меня есть VBox Layout и у него есть два grids как предметы. Мои элементы постоянно отображаются на панели без пробелов.

Теперь я хочу две вещи.

1. Добавление расстояния между двумя пунктами.
2. Добавление горизонтальной разделительной линии между двумя элементами.

Я пытался добавить splitter но это делает сетки изменяемого размера, что я не хочу.

Как я могу добиться этого в Extjs4?

Answer 1

Просто добавьте некоторый элемент между этими двумя сетками, например так:

{
    xtype: 'box',
    autoEl: {
        tag: 'hr'
    }
}