Ext JS: progetta una classe base e la sostituisce

Sto tentando di definire una classe base e sovrascrivere items su diverse sottoclassi ereditate. Sto seguendo il modello MVVM per recuperare i record dal back-end. Creato diversi stores e formulas in ViewModel.

+---------------+---------------+
| NUMBER value  |               |
+---------------+  GLYPH value  |       
| STRING value  |               |
+---------------+---------------+

Dipende dalla struttura sopra Base Class come pseudocode;

• Dovrebbe avere uno speciale layout per gli elementi come sopra disegnati. (Potrebbe essere progettato anche con css)
• Questi 3 valori saranno associabili / modificabili per ogni classe ereditata e 3 valori saranno vincolanti con bind config di ViewModel.
• Include diverse configurazioni predefinite: larghezza, altezza, bordo ...

Sulla classe inhetired;

• Ovviamente prima chiama le impostazioni di default della classe Base.
• Definisce viewModel config per quello chiamato.
• I valori associabili dovrebbero essere personalizzati qui con {bind descriptor} fino a items config o in un altro modo.

Ho definito una struttura di base per questa classe base e un campione ne ha ereditata una, ma al momento non è possibile avere successo nel rendering dei dati sullo schermo. Qui è citato il blocco di codice su Sencha fiddle .