Framework7 MVC contacts mobile app example
Branch: master
Clone or download
Latest commit c757aa3 Aug 25, 2014
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
css Android animation optimization hacks Jun 29, 2014
img initial commit Jun 23, 2014
js
lib Update to Framework7 0.9.5 Aug 15, 2014
.gitignore Removed unnecessary router.load() call Jun 29, 2014
README.md Remove pageBeforeAnimation handler from router and... Jun 23, 2014
app.js
contact.html Update to Framework7 0.9.5 Aug 15, 2014
index.html

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