Verwendung mehrerer Controller mit ExtJS 4 MVC

Hier ist, was ich tue: Ich habe eine Symbolleiste oben, eine linke Navigation und die zentrale Position ist Arbeitsbereich (im Grunde eine Registerkarte) wie du erwähnt. Lassen Sie uns jeden Teil der Anwendung nehmen und erklären. Zuerst sieht mein Ansichtsfenster wie folgt aus:

Sie können sehen, dass ich eine Symbolleiste (App.view.menu.Toolbar) mit Menü und linker Navigation (App.view.menu.NavigationPane) habe. Diese beiden Komponenten bilden mein Hauptmenü oder Gateway zu anderen Modulen. Benutzer wählen den Menüeintrag und die entsprechenden Modulansichten (wie Formular, Raster, Diagramme usw.) werden in die "Mittelscheibe" geladen. Die Centerpane ist nichts anderes als eine abgeleitete Klasse von Ext.tab.Panel.

Wie Sie bereits gesagt haben, habe ich einen Hauptcontroller, der alle Anforderungen aus der Symbolleiste und dem Navigationsbereich behandelt. Es wurden nur die Klickaktionen der Symbolleiste und des Navigationsbereichs behandelt. Hier ist mein AppController:

Sehen Sie sich einen der Handler meiner Schaltfläche an. Ich erhalte den Controller über die Eigenschaft 'application':

Mit Hilfe der getController-Methode erhalte ich die Instanz des Controllers und rufe dann jede Methode in meinem Controller auf. Schauen wir uns nun das Skelett des Controllers meines Moduls an:

Der Controller meines Moduls hat nur die Aktionen, die zu diesem Modul gehören (das Raster eines Moduls, Formulare usw.). Dies sollte Ihnen helfen, mit der richtigen Richtung zu beginnen.

Fügen Sie im Hauptcontroller den untergeordneten Controller im Click-Ereignishandler des Menüs

Fügen Sie in der Startfunktion dem Controller ein Listener-Ereignis wie folgt hinzu -

Fügen Sie nun den Code für das dynamische Einbetten von Ansichten in das Ansichtsfenster in der init-Methode von ChildController ein.

HTH:)