Extjs 4.1 Come cambiare l'altezza dell'intestazione del pannello della griglia

Question

Voglio cambiare l'altezza della testata EXT.GRID.PANEL.

L'altezza di un'intestazione del pannello della griglia è fissabile con forza a 28px.

.
1. Nessuna impostazioni del sass
2. Configurazione dell'intestazione sul pannello non funzionava per me
3. Modifica dell'altezza delle colonne della griglia sembra funzionare quando si configura <28px.28px sembra essere il minimo.

   Questo è quello che ho finora (e funziona), ma non mi piace la soluzione.

   Ext.define('Ext.grid.Panel', {
       listeners: {
           beforerender: function (cmp, eOpts) {
               cmp.headerCt.setHeight(25);
           }
       }
   });
   

   .

   Inoltre, le intestazioni delle colonne sembrano essere fissate anche a 28px.Impostazione dell'altezza dell'intestazione su 25 non impostare l'intestazione della colonna su 25. È necessario scavalcarlo anche in SCSS / CSS.Altrimenti i menu dell'intestazione della colonna visualizzeranno l'altezza 28px.

   .x-column-header
   {
       height: 25px;
   }
   

   .

   Questa soluzione non funziona: Se si trascina le intestazioni di colonna, modificando la posizione dell'indice della colonna, si romperà -.-

   raccomandazioni?

Answer 1

Per impostare l'altezza delle intestazioni della colonna, è necessario impostare l'altezza dopo la loro compilazione.Di nuovo, il valore in altezza per la configurazione della colonna non funziona per impostare l'altezza <28, ma funziona> 28.

Ho trovato che la modifica dell'altezza dopo la compilazione imposta correttamente l'altezza e consente di trascinare le colonne (tutto funziona come dovrebbe).

Ext.define('Ext.grid.Panel', {
    listeners: {
        beforerender: function (cmp, eOpts) {
            cmp.columns[0].setHeight(25);
        }
    }
});

.

La mia soluzione non può usarlo perché creo una griglia dinamica.Nella parte dinamica della griglia uso grid.reconfigure ();- distruggendo tutto ciò che è stato creato su uno stato BeforeRender.

Ext.define('Ext.grid.Panel', {
    listeners: {
        reconfigure: function (cmp, eOpts) {
            cmp.columns[0].setHeight(25);
        }
    }
});

.

La funzione di riconfigurazione fuggia dopo la riconfigurazione, quindi questo è il modo in cui ho ottenuto la riconfigurazione dinamica della griglia.

Answer 2

È inoltre possibile utilizzare i sotto-stili SASS per quella GridPanel e impostare la configurazione 'UI':

Aggiungi ui:'custom-height-item' alla configurazione

@include extjs-panel-ui(
    'custom-height-item',
    $ui-header-line-height: 28px,
    $ui-header-padding: 2px;
    )

.