2016-03-22 2 views
1

Я использую ExtJS 4, и мне нужно реализовать что-то похожее на закрывающиеся метки, которые вы получаете в GMail при вводе адреса электронной почты в текстовое поле (см. Снимок экрана ниже). Я просматривал библиотеку ExtJS, и ближе всего я вижу это, чтобы обеспечить некоторый тип макета с помощью настраиваемых закрываемых панелей или использовать CellEditing с сеткой, но я до сих пор не видел способа сделать это с помощью текстового поля.ExtJs - Текстовое поле с динамическими ярлыками-ярлыками

Итак, мой вопрос: я нахожусь на правильном пути или есть другой компонент, который я должен учитывать, что было бы более подходящим для работы? Кроме того, если кто-то может указать или предоставить пример кода с чем-то более близким, что у меня есть на скриншоте, тогда это тоже очень полезно.

GMail - Email Labels

+4

Ext 5 представил поле тега, которое именно вы описываете. Вы можете посмотреть обновление или, возможно, попытку выполнить резервное копирование этого компонента. –

+0

@EvanTrimboli Насколько я знаю, tagfield не позволяет добавлять новые теги путем ввода, только для выбора из существующих тегов. – Alexander

+2

Это позволяет вам сделать это, он расширяет поле со списком: http://docs.sencha.com/extjs/6.0/6.0.1-classic/#!/api/Ext.form.field.Tag-cfg-createNewOnEnter , http://docs.sencha.com/extjs/6.0/6.0.1-classic/#!/api/Ext.form.field.Tag-cfg-createNewOnBlur –

ответ

2

Как вы на ExtJS 4, Вы должны смотреть на BoxSelect.

Здесь и там вам могут потребоваться необходимые настройки. Но высокоуровневое это довольно приличное поле для ввода тегов для Ext-4.

На самом деле поле тегов в ExtJS5 вдохновлено BoxSelect.

+0

Я даю BoxSelect попробовать, спасибо! –

Смежные вопросы