How can I dynamically create new TabItems with views and viewModels for a TabControl in Silverlight with MVVM Light Toolkit?

advertisements

I’m a starter with Silverlight and the MVVM Light Toolkit and I don’t know how to proper solve the following scenario:

I have the following views with their corresponding viewModels:

  • MainView , the Deault Startpage
  • TabControlView, view with a single Tabcontrol, placed on the MainView…
  • AllBugsGridView, datagrid with all bugs.
  • BugDetailView, view where the details of a single bug is showed, or a new bug can be added.. (datafields, labels, etc)

Now my target is the following:
I want to have a tabitem with an AllBugsGridView as content. (No Problem) Now when a user is making a double click on an item in the datagrid it should create a new tabItem with a bugDetailView inside showing the Details of the Grid Item. It Should be possible to have as many open tabitems as the user wants .

Further the user can add a new Bug over a button and a new tab opens with an empty bugDetailView.

Has anybody a proper solution for that. I don’t know how I can dynamically create new Views and ViewModels and wire them together.

Thank you very much for your answers.

Best regards

Hans

Take a look at my sample project here. While it's not using MVVM Light, it can be easily modified to work with it. The main idea is that the tab is defined as a "region" and you have a region manager that understands how to work with tab controls. Then, you simply route the view to the region and let it take care of the rest.

http://csharperimage.jeremylikness.com/2010/06/advanced-silverlight-applications-using.html

Related Articles

How can I dynamically create UIButtons with Cocoa Touch?

How can I dynamically create UIButtons with Cocoa Touch? UIButton *myButton = [UIButton buttonWithType:UIButtonTypeRoundedRect]; myButton.frame = CGRectMake(20, 20, 200, 44); // position in the parent view and set the size of the button [myButton set

How can I dynamically associate a TextBlock with a Grid Column?

I want to dynamically create a 1-row grid and add some TextBlocks to it, assigning/associating each one to a different column in the grid. I've got this code: SolidColorBrush samHagar = new SolidColorBrush(Colors.Red); System.Windows.Thickness mrg =

How can I dynamically create derived classes from a base class

For example I have a base class as follows: class BaseClass(object): def __init__(self, classtype): self._type = classtype From this class I derive several other classes, e.g. class TestClass(BaseClass): def __init__(self): super(TestClass, self).__i

How can I dynamically create a Java classpath in Perl?

For Example in shell script: _CLASSPATH =. for jar in lib/*.jar do _CLASSPATH=${_CLASSPATH}:${jar} done How can I dynamically build a Java classpath in Perl?As always with Perl, there's more than one way to do it, but one compact way is this: $_CLASS

Connect NHibernate with MVVM Light Toolkit

I have the following problem: In my Application I have to connect to an Access Database - yeah, I know that Access isn't a great database - but I have to use it. The Application will be written in WPF, with the MVVM Light Toolkit and "NHibernate"

Dynamically create new web pages / views with ASP.NET MVC 5

How would I go about creating new views/web pages dynamically in ASP.NET MVC 5? For example, I'm building an application where users sign in and submit entries, and I want the application to be able to create a new view for each new month. I have no

How to manage Dynamic Created Form data with PHP

The problem: Create custom forms, and fields. Manage the Data; I`m creating an CMS with PHP and Codeigniter. My client will need manage the form fields by itself. Because they can change... today will be around 20 fields. But next month will be 23. I

How can I dynamically create menu items?

I'm building an Android application and I'm trying to build a user management system where users can login, logout, etc. I want to display a login menu item if the user is logged out and a logout button if the user is logged in. How can I do this dyn