увеличить ширину столбца Ext JS GridPanel

Question

Я использую Ext JS 2.3.0 и у меня есть GridPanel, который выглядит следующим образом:

Я хочу расширить ширину столбца таким образом, чтобы полоса прокрутки перемещалась по крайней правой части панели, тем самым устраняя пустое пространство справа от полосы прокрутки.

Соответствующий код показан ниже:

    var colModel = new Ext.grid.ColumnModel([
        {
            id: 'name',
            header: locale['dialogSearch.column.name'],
            sortable: true,
            dataIndex: 'name'
        }
    ]);

    var selModel = new Ext.grid.RowSelectionModel({singleSelect: false});

    this._searchResultsPanel = new Ext.grid.GridPanel({
        title: locale['dialogSearch.results.name'],
        height: 400,
        layout: 'fit',
        stripeRows: true,
        autoExpandColumn: 'name',
        store: this._searchResultsStore,
        view: new Ext.grid.GridView(),
        colModel: colModel,
        selModel: selModel,
        hidden: true,
        buttonAlign: 'center',
        buttons: [
            {
                text: locale["dialogSearch.button.add"],
                width: 50,
                handler: function () {
                }
            },
            {
                text: locale["dialogSearch.button.cancel"],
                width: 50,
                handler: function () {
                    entitySearchWindow.close();
                }
            }
        ]
    });

Answer 1

Вы должны использовать конфигурацию forceFit для вида сетки:

this._searchResultsPanel = new Ext.grid.GridPanel({
        title: locale['dialogSearch.results.name'],
        height: 400,
        layout: 'fit',
        viewConfig: {
          forceFit: true
        }, ....

Я не уверен, если это не избыточно, поэтому вы можете удалить эту часть view: new Ext.grid.GridView(),

Answer 2

Добавить

    flex: 1, 

к одному из столбцов конфигурации

Answer 3

Проблема не в столбце, а в самой сетке, которая не растягивается для полного заполнения тела окна.

Поместите свойство layout: 'fit' в конфигурацию окна, а не в конфигурацию сетки (где это необходимобыть удаленным).Вам также следует удалить свойство height, поскольку высота сетки будет определяться размером окна.