У меня есть сетка с большим количеством столбцов, каждый из них имеет фильтр, и некоторые из столбцов имеют длинный текст в заголовке:ExtJS 4.2 Как установить высоту фильтра сетки, когда текст заголовка завернут?
я добавил правило CSS, чтобы обернуть текст в заголовке :
.x-column-header-inner .x-column-header-text { white-space: pre-wrap; }
В результате я получил фильтры с разной высоты:
Как сделать одинаковые фильтры высоты?
Я решил проблему, включив поисковые фильтры в полевые контейнеры и используя макет vbox с pack в конце.
items: [
{
xtype: 'fieldcontainer',
layout: {
type: 'vbox', pack: 'end'
},
width: '100%',
items: [
{
xtype: 'triggerfield',
...other code...
}
]
}
]
Я применил фильтр поиска с подсказкой. Вы можете find it here. У меня не было вашей проблемы с длинными ярлыками столбцов. Они просто обрезаются с использованием эллипса, как это стандартное поведение в ExtJs.
Как вы получили эти поля фильтра. Я ищу это, но еще не нашел. –
@LorenzMeyer это 'triggerfield' добавлено к элементам настраиваемого столбца. – Ctacus
Спасибо, я посмотрю на это и надеюсь заставить его работать. –