Framework7 MVC contacts mobile app example
JavaScript CSS
Latest commit c757aa3 Aug 25, 2014 @philipshurpik Merge pull request #3 from nolimits4web/master
Update to Framework7 0.9.5

README.md

Framework7-Contacts7-MVC

This app shows you example of using beautiful mobile framework - Framework7 in MVC way for building data-driven contacts application.

Additional js libraries:

And amazing mobile-icons library:

Some notes about "how it works".

Application entry point: app.js file. It's used for RequireJs and Framework7 initial configuration. Also it starts application routing.

Router has two methods:

  • Router.init() - initialize routing - handle Framework7 page events - pageBeforeInit and pageBeforeAnimation. More about Framework7 page events here: http://www.idangero.us/framework7/docs/pages.html#page-events

  • Router.load(contollerName, query) - load selected controller, query - optional object with some parameters This method is useful for loading in already rendered page (for example popup)

Suggested application code structure is convenient, especially for large projects:

 js/moduleName1/moduleName1Controller.js
 js/moduleName1/some_templates.hbs
 js/router.js
 js/model.js

License

MIT