2016-12-16 3 views
1

У меня есть формальная панель, содержащая элементы текстового поля. Here is a fiddle demonstrating my current screenРасположение столбцов - как установить текстовое поле witdth

В любом случае, чтобы ширина текстового поля занимала меньше ширины столбца? В принципе, я хочу, чтобы столбцы находились в размерах (2 столбца по 50% каждый), но я не хочу, чтобы текстовое поле занимало все пространство столбца.

Можно ли это сделать, используя раскладку столбцов, как сейчас?

+0

Не уверен, чего вы точно хотите достичь, в вашем текстовом поле примера не подходит ширина столбца при изменении размера. Если вы хотите фиксированную ширину для текстового поля, вы можете просто использовать свойство width. –

+0

Извините, я, возможно, ворвался в скрипку, когда вы посмотрели на нее. Если вы сейчас проверите, вы увидите, о чем я говорю. Я пробовал то, что вы предлагаете для настройки конфигурации ширины текстового поля, но ничего не меняет. Мне кажется, что если вы поместите компонент текстового поля как элемент в макет столбца, тогда настройка ширины текстового поля становится неактуальной. Компонент текстового поля автоматически заполнит оставшуюся ширину столбца, оставшуюся после поля. Может ли кто-нибудь подтвердить это? Я работаю в версии 4.2 - havent проверял, как это работает в более поздних версиях. – tommyO

ответ

1

Я думаю, вы просто используете Ext.layout.container.Column неправильный путь.

В вашем примере каждое текстовое поле, работающее как сам столбец, так и общая ширина столбца - 1,5.

columnWidths должны быть добавлены до 1 (или 100%) при добавлении вместе, в противном случае ваш макет может не отображаться так, как ожидалось.

Вы должны использовать любой компонент контейнера в качестве столбца и добавлять текстовые поля в эти контейнеры.

Проверьте это simple example.

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