Как добавить кнопки к каждому полю формы
Всем привет!
Не смог найти в документации и на формумах простого решения, как можно повесить кнопку к каждому полю формы, чтобы это выглядело примерно как на картинке (два последних поля): ![]() |
SaltoMortale,
Наверно text-align:right для div модуля delete (или float: right; для каждого инпута |
---> как простейший вариант просто использовать layout absolute в форме, и выставить по координатам кнопки рядом с полями.
--->другой подход .сгрупировать кнопку и поле в одной панели { layout:'hbox', items:[ {xtype:'textfields'}, {xtype:'button'}, ] } --->третьим способом было бы очень интересно использовать темплейтор для расстановки элементов в форме, пока мне не приходилось вставлять в него компоненты, но помоему это возможно http://docs.sencha.com/ext-js/4-1/#!/api/Ext.XTemplate. Впрочем в топку этот подход, два предыдущих лучше. --->можно попробывать влезть в шаблонизатор поля, но это довольно засороченно, не вижу особой надобности. --->можно попробывать добавлять кнопки к полям динамически переберая items у формы и внося изменения в поля на уровне html Вообще можно классифицировать все подходы двумя дихотомиями статическое добавление(при создании) - динамическое добавление(после того как поля уже созданы) добавление на уровне формы(кнопка добавляется в форму) - добавление на уровне поля(кнопка добавляется к полю) целых 4ре группы решений, а значит десяток способов можно придумать, всё зависит от того что вы хотите. |
Часовой пояс GMT +3, время: 06:26. |