extjs4, как автоматически установить ширину столбца сетки на максимальную ширину содержимого?

Question

Если вы создаете сетку без ширины столбца или атрибутов flex, по умолчанию столбцы будут иметь размер 100px.

Если дважды щелкнуть разделитель заголовка, столбец слева автоматически увеличится до размера самого большого элемента данных в этом столбце.

Есть ли способ настроить некоторые столбцы на автоматическое поведение?

Answer 1

forceFit: true в вашей конфигурации GridView заставит столбцы заполнить все оставшееся пространство.

forceFit : Boolean Укажите значение true, чтобы ширина столбцов была пропорционально пропорциональна.times.

Первоначально настроенная ширина каждого столбца будет изменена для соответствия ширине сетки и предотвращения горизонтальной прокрутки.Если впоследствии размер столбцов будет изменен (вручную или программно), размер других столбцов в сетке будет изменен в соответствии с шириной сетки.

Столбцы, для которых задано значение fixed: true, не изменяются при изменении размера.

Answer 2

Таким образом, я думаю, что forceFit больше не рекомендуется sencha, вы должны попробовать использовать метод autoSize:
Редактировать: Вот вам краткий пример, он работает с первым столбцом:)

Ext.create('Ext.grid.Panel', {
    title: 'Simpsons',
    store: Ext.data.StoreManager.lookup('simpsonsStore'),
    columns: [
        { text: 'Name',  dataIndex: 'name',  width: 150, autoSizeColumn: true },
        { text: 'Email', dataIndex: 'email', width: 150, autoSizeColumn: true, minWidth: 150 },
        { text: 'Phone', dataIndex: 'phone', width: 150 }
    ],
    viewConfig: {
        listeners: {
            refresh: function(dataview) {
                dataview.panel.columns[0].autoSize();//works on the first colum
            }
        }
    },
    width: 450,
    renderTo: Ext.getBody()
});

У меня была такая же проблема, надеюсь, это поможет!

Answer 3

некоторые столбцы могут быть очень широкими, например: текст описания или длинное имя.Если вы установите ширину поля автоматически, некоторые столбцы могут занимать значительное пространство на вашем виде.Какой должен быть максимальный предел ширины в этом сценарии.50 CHAR, 100 CHAR?