Usando Ext JS versión 7.1.0.46 , no puedo anular initComponent() al definir mi subclase. Me sale este error cada vez:
ext-all-debug.js:13635 Uncaught TypeError: Cannot read properties of null (reading '$owner') at constructor.callParent (ext-all-debug.js:13635:29) at constructor.initComponent (BasicConfigPanel.js:15:8) at constructor (ext-all-debug.js:74096:12) at new constructor (ext-all-debug.js:14562:37) at eval (eval at getInstantiator (ext-all-debug.js:16489:60), <anonymous>:3:8) at Object.create (ext-all-debug.js:17023:56) at createBasicPanel (BasicConfigPanel.js:165:20) at loadGuiPanels (misc.js:45:2) at constructor.onLoad (config2.js:33:5) at constructor.fire (ext-all-debug.js:22895:42) const BasicConfigPanel = Ext.define('Acme.BasicConfigPanel', { extend: 'Ext.form.Panel', initComponent: function () { this.callParent(); } }); export function createBasicPanel() { const panel = Ext.create(BasicConfigPanel, {renderTo: document.body}); return panel; }Si comento estas tres líneas en mi BasicConfigPanel, el error desaparece:
// initComponent: function () { // this.callParent(); // }, ¿Estoy haciendo algo mal? También probé this.callParent(arguments) pero también hay errores.
esto se está utilizando en el contexto incorrecto.
Puede lograrlo poniendo su parte de definición en una función como aquí:
const createBasicConfigPanel = function (className) { return Ext.define(className, { extend: 'Ext.form.Panel', title: className, initComponent: function () { this.callParent(); } }); } const p = Ext.create(createBasicConfigPanel('Acme.BasicConfigPanel'), { renderTo: document.body });Aquí puedes encontrar un ejemplo:
https://fiddle.sencha.com/#view/editor&fiddle/3ivv
A veces puede ser útil devolver la llamada a Ext.define.
Creo que no tiene nada que ver donde defines tu clase. Debería funcionar si lo ejecuta en un controlador también.
¿Cuándo aparece este error? ¿Durante la carga de la página? Puede ser útil asegurarse de que Ext.form.Panel esté cargado antes de llamar para crear su panel de formulario.
Esto depende de cómo construyas tu aplicación/extensión. En caso de que use Sencha Cmd, lo necesitará.
https://docs.sencha.com/extjs/6.5.3/classic/Ext.html#method-require
Parece que defines la clase en un controlador. En el momento en que lo está definiendo, this no es el alcance del panel de formulario, sino el controlador.
Tienes que crear un nuevo archivo con la definición.
¿Qué sucede si cambia a usar el nombre de la cadena, en lugar de intentar pasar una variable?
Ext.define('Acme.BasicConfigPanel', { extend: 'Ext.form.Panel', initComponent: function () { this.callParent(); } }); export function createBasicPanel() { const panel = Ext.create('Acme.BasicConfigPanel', {renderTo: document.body}); return panel; }