5

ExtJs 3.4 を使用したアプリケーションがあります。
私はこの構造を持っています:

westPanel-TabPanel:

var westPanel = new Ext.TabPanel({
            id: "west",
            //xtype: "tabpanel",
            //layout:'fit',
            activeTab: 0,
            region: "west",
            border: false,
            width: 278,
            split: true,
            collapseMode: "mini",
            items: [mapList,structure,cadastr,search]
        });

検索 - フォームパネル:

var search = new Ext.FormPanel({
                labelAlign: 'top',
                frame:true,
                title: 'Поиск',
                bodyStyle:'padding:5px 5px 0',
                //width: 600,
                //layout:'fit',
                items: [{
                    xtype:'textfield',
                    fieldLabel: 'Диспечерское наименование',
                    name: 'name_dispather',
                    anchor:'100%',
                    enableKeyEvents: true,
                    listeners: {
                        'keyup': function(e) {
                            if(e.getValue().length==4){
                                searchStore.load({params:{'name':e.getValue()}});
                            }
                        }
                    }
                },searchTab]
            });

SearchTab - GridPanel:

var searchTab = new Ext.ux.grid.livegrid.GridPanel({
    store: searchStore,
    region: 'center',
    cm: searchCm, 
    layout: 'fit',
    selModel: new Ext.ux.grid.livegrid.RowSelectionModel(),
    stripeRows : true,
    view: myView,
    height: 390,
    loadMask: true,
    id: 'searchTab',
    title:'Найденные объекты',
    autoScroll: true,
});

そして、私には問題があります:

ここに画像の説明を入力

最後の列の幅をパネル全体の幅にする必要がありますか?

アップデート

autoExpandColumn を試してみます。その作品は、理想的ではありません：

ここに画像の説明を入力

修正方法は？

4

2 に答える 2

5

flexconfigでこれを実現できます。

1 つの列でのみ実行できます。

columns: [{text: "Column A", dataIndex: "field_A", flex: 1}]

または、すべての列でデフォルトとして実行できます。

columns: {
    items: [
        {
            text: "Column A"
            dataIndex: "field_A"
        },{
            text: "Column B",
            dataIndex: "field_B"
        }, 
        ...
    ],
    defaults: {
        flex: 1
    }
}
于 2013-01-16T08:34:23.147 に答える
4

試してみてください：

autoExpandColumn :弦

未使用のスペースを埋めるために展開する必要があるこのグリッドの列のID。

searchTab（つまりグリッドパネル）に提供する必要があるこの構成オプション。

編集：

  viewConfig:{
      scrollOffset: 0,
  forceFit: true
  },

これにより、スクロールバーに残っているギャップがなくなります。これは、searchTab（つまりグリッドパネル）で言及する必要があります。

于 2013-01-16T12:22:18.793 に答える