Description
This example shows how to implement routing in ExtJS 5 application. The application uses MVVM architecture and the routing is implemented in a mixin for main view controller.
Using of mixin is not mandatory; here it is used to separate routing logic from the rest of main view controller for modularity.
Important note: The application runs in iframe so you do not see how url changes when selecting customers in the grid or view. However, browser's back and forward buttons work to navigate within the application.
If you want to see how url changes open the application in new window.
Rebuilt for today. This example has been ported behaviour for behaviour to four modern frameworks — React, Vue, Angular and Svelte, all upcoming — the same three tabs over the same one selection, and the same URL grammar down to the id regex. Each port routes on real paths (/view/2) instead of the hash, and each one records what its framework forced it to do differently to keep the two directions from feeding each other.