如何在Extjs 4.2中修复表头

时间:2014-02-25 12:08:45

标签: header grid fixed extjs4.2

我想在我的ExtJs 4.2应用程序中修复我的表/网格标题,以便在滚动时标题始终可见。我的应用程序中的主网格有一个固定的标题,并在本文底部的代码中实现。 它不起作用,我不知道为什么...... 我尝试使用split属性,但它也不起作用...... :(

这是代码:

function openThePopup() {
var win = new Ext.Window({
    modal : true,
    height : 500,
    width : 900,
    plain : true,
    border : false,
    resizable : false,
    maximizable : false,
    draggable : true,
    closable : true,
    closeAction : 'destroy',
    title : 'Title',
    autoScroll : true,
    buttonAlign : 'center',
    items : [ {
        xtype : 'grid',
        id : 'theGrid',
        store : theStore,
        border : 0,
        layout : 'fit',
        margins : '5 0 0 0',
        split : true,
        columns : [ {
            text : 'Country',
            dataIndex : 'country'
        }, {
            text : 'City',
            dataIndex : 'city'
        }, {
            text : 'ZIP',
            dataIndex : 'zip'
        }, {
            text : 'Street',
            dataIndex : 'street',
            width : 200
        }, {
            text : location,
            dataIndex : 'name',
            width : 200
        } ],
        listeners : {
            itemdblclick : function(t, record, item, index, e, eOpts) {
                ...
            }
        }
    } ],
    buttons : [ {
        onClick : function() {
            ...
        }
    } ]
}).show();
}

我赞美任何帮助。

非常感谢你。

祝大家好心。

1 个答案:

答案 0 :(得分:3)

您的布局配置不正确。 layout: 'fit'应该在窗口上,应该从网格中删除布局配置。同时删除窗口上的autoScroll配置。