2014-05-09 4 views
0

Je cherche un exemple de ExtJs MVC qui supporte l'historique du navigateur. L'exemple qu'ils ont sur le site Sencha here n'est pas basé sur MVC.Historique du navigateur avec ExtJS MVC

L'autre que j'ai trouvé here utilise des vues chargées dynamiquement et un contrôleur. J'imagine que la solution est une combinaison des deux approches. Vous vous demandez si quelqu'un a un exemple prêt auquel je peux me référer?

Répondre

0

J'ai réussi à rassembler un exemple en combinant les approches des 2 liens ci-dessus. Voici le jsFiddle avec le script du poste: http://jsfiddle.net/chetanbaheti/zGXr6/3/

Il y a 2 vues (onglets) - la maison et les fournisseurs avec des jetons d'histoire correspondants

DemoApp.view.HomeTab 
DemoApp.view.ProvidersTab 

Chaque onglet est géré par son contrôleur correspondant qui est responsable de la création d'un instance de la vue et enregistrement d'un jeton d'historique.

DemoApp.controller.HomeController 
//and its history token 
this.uiToken = 'MainTabPanel,HomeTab'; 

Le travail de gestion de l'état initial ui se fait par les fonctions d'application:

initializeHistoryHandling 
setUiState 

Alors que le travail de changer le jeton d'histoire sur la sélection des onglets (par action de l'utilisateur) se fait par la vue principale contrôleur:

DemoApp.controller.ViewportController:onTabpanelTabChange 

Ceci gère bien l'état d'ui basé sur l'URL et vice versa.