EXTJS Spreadsheet Model - Keep Zeilennummer Spalte, aber verstecken tatsächliche Zeilennummern

Question

Ich kann nicht scheinen, wie dies zu tun und Google hat keine Hilfe. Ich verwende das ExtJS Spreadsheet-Modell. Ich versuche, die Spalte mit den Zeilennummern anzuzeigen, aber ich möchte die tatsächlichen Zeilennummern entfernen/ausblenden. Ich möchte nur die Spalte behalten, die die Zeilennummern enthält. Irgendwelche Ideen, wie ich das machen könnte?

Answer 1

Das sollte leicht gemacht werden. Wie bei jeder Spalte müssen Sie der Spalte rownumberer einen benutzerdefinierten Renderer hinzufügen. Wie kommst du zu dieser Spalte?

Hierzu verfügt das selModel spreadsheet über die Funktion getNumbererColumnConfig, die Sie überschreiben möchten. Die unoverridden Funktion aus Quellen:

getNumbererColumnConfig: function() { 
     var me = this; 

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

so, außer Kraft zu setzen, würden Sie folgendes tun:

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 ' '; }, 
      editRenderer: ' ', 
      tdCls: me.rowNumbererTdCls, 
      cls: me.rowNumbererHeaderCls, 
      locked: me.hasLockedHeader 
     }; 
    } 
}, 

Tested in a Sencha fiddle