Как добавить кнопки к каждому полю формы

[SaltoMortale]

Всем привет!
Не смог найти в документации и на формумах простого решения, как можно повесить кнопку к каждому полю формы, чтобы это выглядело примерно как на картинке (два последних поля):

[Deff]

SaltoMortale,
Наверно text-align:right для div модуля delete (или float: right; для каждого инпута

[DjDiablo]

---> как простейший вариант просто использовать layout absolute в форме, и выставить по координатам кнопки рядом с полями.

--->другой подход .сгрупировать кнопку и поле в одной панели

{
layout:'hbox',
items:[
     {xtype:'textfields'},
     {xtype:'button'},
]
}

--->третьим способом было бы очень интересно использовать темплейтор для расстановки элементов в форме, пока мне не приходилось вставлять в него компоненты, но помоему это возможно http://docs.sencha.com/ext-js/4-1/#!/api/Ext.XTemplate. Впрочем в топку этот подход, два предыдущих лучше.

--->можно попробывать влезть в шаблонизатор поля, но это довольно засороченно, не вижу особой надобности.

--->можно попробывать добавлять кнопки к полям динамически переберая items у формы и внося изменения в поля на уровне html

Вообще можно классифицировать все подходы двумя дихотомиями
статическое добавление(при создании) - динамическое добавление(после того как поля уже созданы)
добавление на уровне формы(кнопка добавляется в форму) - добавление на уровне поля(кнопка добавляется к полю)

целых 4ре группы решений, а значит десяток способов можно придумать, всё зависит от того что вы хотите.