Feature request: 'Ajax Pages' for Tabs

As mentioned in a issue and in various questions on the forum;

• How to load view tab dynamically? #280
• Pages in the Tab-Bar example
• How to separate each tab into its own page
• Is there any way to refresh the content of a tab when we visit it?

It seems there are more people (besides me) looking for a way to load ‘Ajax Pages’, to leverage for example Template7. In my current solution using the $$('.tab').on('show', function(){ }) event I have to overcome a lot of “issues” which already have been implemented within F7 (which is awesome, did I mention that 😃), it feels a bit like I am reinventing the wheel. Therefore this request.

Current “issues” that we need to overcome;

• handling the whole request via e.g. mainView.router.load(options)
  • to leverage Template7 etc.
• caching / reloading
• page “transitions” e.g. showing the myApp.showIndicator();
• etc.

[ptoner]

I’m sure someone could come up with a more elegant permanent solution.

I’m using the Material scrolling tabbar. I haven’t tested this with anything else.

Using 1.5.0 if you change lines 7552-7554 from

                if (clicked.hasClass('tab-link')) {
                    isTabLink = true;
                    app.showTab(clickedData.tab || clicked.attr('href'), clicked);
                }

to

                if (clicked.hasClass('tab-link')) {
                    isLink = true;
                }

It’ll force a tab-link to act like a normal link. Which means if you’re using the default ajax links the tab links start acting like any other link. If you throw the “no-animation” class on the tab link you can barely tell the difference between it and the non-ajax tabs. Hitting the back button looks slightly off but I can live with it for now.

I should also note that this relies on the HTML having an identical set of tabs at the top of each page and manually marking the active tab on the server side (or any other manual way).

[nolimits4web]

It is possible in v2