Question

我无法弯曲列，我有一个网格，我使用了所有方法，但它们不起作用

        var cols = [];
        cols.push(Ext.create('Ext.grid.column.Column', {
            text: 'Valuta from', flex:1, columns: [
                Ext.create('Ext.grid.column.Column', { text: 'Valuta', dataIndex: 'ratesValutaFromName', flex:2 }),
                Ext.create('Ext.grid.column.Column', { text: 'Amount', dataIndex: 'ratesValutaFromAmount', flex:2 })
            ],

        }));

        cols.push(Ext.create('Ext.grid.column.Column', {
            text: 'Valuta To', flex:1, columns: [

                Ext.create('Ext.grid.column.Column', { text: 'Valuta', dataIndex: 'ratesValutaToName',  flex:2 }),
                Ext.create('Ext.grid.column.Column', { text: 'Amount', dataIndex: 'ratesValutaToAmount', flex:2  })
            ],


        }));` and flex dont't work

Answer 1

也许你需要做这样的事情。

var myColumns = new Array({
                           text      : 'field One',
                           dataIndex : 'fieldOne',
                           flex      : 1
                        },
                        {
                           text      : 'Field Two',
                           dataIndex : 'fieldTwo',
                           flex      : 2
                        },
                        {
                           text      : 'Field Three',
                           dataIndex : 'fieldThree',
                           flex      : 3
                        }
    ),
    grid = new Ext.grid.Panel({
        title : 'Testing',
        width : 400,
        height : 400,
        columns : myColumns,
        store : yourStore,
        renderTo : Ext.getBody()
        //Or add this grid to another component like
        // a tab panel
    });

这是一个例子。你可以看到fieldOne，fieldTwo和fieldThree，flex属性与不同列中所有flex属性之间的系数一起工作。

fieldOne比fieldTwo更小。
fieldTwo比fieldThree更小。
fieldThree比fieldOne和fieldTwo更大。

如何更改列flex？

1 个答案: