Dynamic Tabbed Interface

@aamirrajpoot wrote:

I am trying to create a dynamic tabbed Interface. I saw http://discuss.emberjs.com/t/supporting-multiple-simultaneous-screens-in-dynamic-tabs-inside-one-ember-application/8659 and as there was no indication what and how it is done. I have to do my own hit and trial

So far, I am able to create dynamic tabs. When a link with openTab=true is clicked it opens a tab.

In order to do that. I have created a Service which handles the tabs, A component which renders the tab in the application and a Link openers which opens the Ember.LinkComponent and customize the click events.

The code can be found here https://github.com/aalasolutions/ember-tabbed-interface and demo on http://aalasolutions.com/ember/tab/

If a tab is opened, and a link inside that tab is not marked to open the tab, it will change the tab title and also update the route. So next time when some one opens that tab. It will take user to proper route.

I am having following problems right now

1. If a link have openTab, I have used 'Title' to use in the tabs. I want it to be dynamic so any yield content like {{#link-to route}}YIELD{{/link-to}} can be used as tab title
2. If a route is having a model. I am not able to display that model after I go to other tab and come back to tab. (not yet in example app)
3. Any items filled in the forms are lost.

If I am able to fix these issues. I would like to make this a an addon so any one can use it.

Posts: 1

Participants: 1

Read full topic