Dynamische Formulare mit Treestore

Question

Ich versuche, dynamische Formulare zu erstellen (schließlich mit AJAX-Proxy, um den JSON von dem Server zu ExtJS übergeben, um die Formulardefinition zu machen) mit ExtJS 6.2.1 und der Admin-Dashboard-Vorlage.

In meinem application.js, in der launch Funktion, habe ich eine einfache Form ohne Kontrollen:

var form = Ext.create('Ext.form.Panel', { 
      title: 'Testing 1, 2, 3...', 
      alias: 'widget.test-form', 
      bodyPadding: 5, 
      width: 350, 

      layout: 'anchor', 
      defaults: { 
       anchor: '100%' 
      } 

     }); 

Ich möchte nicht diesen überall machen, sondern, um es zu meinen Treestor Menü zugänglich machen , wie:

{ 
    text: 'Dynamic Test', 
    iconCls: 'x-fa fa-check', 
    viewType: 'test-form', 
    leaf: true 
} 

Alles toll kompiliert, wenn ich einen Build, aber dann, wenn ich versuche, die Form von meinem Menü aufzurufen, erhalte ich den Fehler 404:

[Error] Failed to load resource: the server responded with a status of 404 (Not Found) (test-form.js, line 0) 
Error: [Ext.create] Unrecognized class name/alias: widget.test-form 

Wie kann ich den Treestore dazu bringen, mein beim Start erstelltes Formular zu sehen? Ich habe auch einen xtype anstelle eines Alias ​​mit einem Widget versucht, aber im Grunde den gleichen Fehler. Allgemeiner: Wie stelle ich die form Variable, die auf launch erstellt wurde, der App zur Verfügung, damit ich sie wie gewünscht aufrufen kann?

** EDIT **

Ich habe auch versucht, in einer Form, Panel Definition Zugabe zu meiner App launch Funktion:

Ext.define('Admin.form.TestDyno', { 
      extend: 'Ext.panel.Panel', 
      alias: 'widget.test-form', 

      title: 'Testing 1, 2, 3...', 
      bodyPadding: 5, 
      width: 350, 

      layout: 'anchor', 
      defaults: { 
       anchor: '100%' 
      } 

     }); 

aber, wenn ich die app laufen, bekomme ich eine Fehlermeldung, dass:

log — Util.js:881[E] [Loader] The following classes failed to load: 
log — Util.js:881[E] [Loader] Admin.form.TestDyno from classic/src/Application.js 

Muss ich die Definition meines Formulars in einer Datei vornehmen und dann die Komponenten beim Start der App initialisieren? Ich könnte das sicherlich tun, aber es wäre schön, die Formulardefinition in der launch machen zu können. Ich denke, dass etwas wie dieses launch-function-(Application)-and-set-parameters-on-the-component ist mehr von, wie man das umsetzt, was ich benötige.

Answer 1

Damit der Widget-Typ erkannt wird, erstellen Sie keine neue Formularinstanz.

Sie müssen eine neue abgeleitete Klasse mit Ext.define definieren.