Javascript-форум (https://javascript.ru/forum/)
-   ExtJS (https://javascript.ru/forum/extjs/)
-   -   Как добавить кнопки к каждому полю формы (https://javascript.ru/forum/extjs/30510-kak-dobavit-knopki-k-kazhdomu-polyu-formy.html)

SaltoMortale 07.08.2012 01:21

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

Deff 07.08.2012 01:29

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

DjDiablo 07.08.2012 12:22

---> как простейший вариант просто использовать 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, время: 03:30.