Question

我似乎无法弄清楚如何做到这一点，谷歌一直没有帮助。我正在使用ExtJS Spreadsheet模型。我试图用行号显示列，但我想删除/隐藏实际的行号。我只想保留包含行号的列。关于如何做到这一点的任何想法？

Answer 1

应该很容易做到。与每列一样，您必须向rownumberer列添加自定义渲染器。那你怎么去那个专栏？

为此，spreadsheet selModel具有您要覆盖的函数getNumbererColumnConfig。来自源的未重叠函数：

    getNumbererColumnConfig: function() {
        var me = this;

        return {
            xtype: 'rownumberer',
            width: me.rowNumbererHeaderWidth,
            editRenderer:  '&#160;',
            tdCls: me.rowNumbererTdCls,
            cls: me.rowNumbererHeaderCls,
            locked: me.hasLockedHeader
        };
    },

因此，要覆盖，您将执行以下操作：

selModel: {
    type: 'spreadsheet',
    // Disables sorting by header click, though it will be still available via menu
    columnSelect: true,
    pruneRemoved: false,
    extensible: 'y',
    getNumbererColumnConfig: function() {
        var me = this;

        return {
            xtype: 'rownumberer',
            width: me.rowNumbererHeaderWidth,
            renderer:function() { return '&#160;'; },
            editRenderer:  '&#160;',
            tdCls: me.rowNumbererTdCls,
            cls: me.rowNumbererHeaderCls,
            locked: me.hasLockedHeader
        };
    }
},

Tested in a Sencha fiddle

EXTJS电子表格模型 - 保留行号列，但隐藏实际行号

1 个答案: