WPF DataGrid RowDetails Dynamic Controls Based on Data?

Question

0.00/5 (No votes)

See more:

I'm writing my first WPF application. The main window has a datagrid that is bound to a datatable that that contains all but one field from the datasource. The remaining field from the datasource contains one or more of the following: txt, html, or rtf. The format of the data in this field is like so:

<!txt!> <--indicates type of data that follows
<*filename*> <-- name of the file this data came from.
text data
<!rtf!>
<*filename*>
rtf data
<!html!>
<*filename*>
html data

When a row is selected, a RowDetails panel is shown with a TabControl. Here's where my question comes in.

Upon the row selection, I'd like to query the datasource for this field and for each data type indicator found in the data, create a Tab in the TabControl with the appropriate viewer (TextBox, RichTextBox, or WebBrowser) as the Tab's child and the Tab Header as the filename.

I'm looking for guidance. Is this possible with Xaml & converters or controllers? I've read several articles but have been unable to devise a way to implement my particular need. Or maybe this could be done strictly with code but I've not been successful accessing the tab control in the RowDetails panel.

Hoping someone can get me pointed in the right direction.

Posted 10-Sep-11 10:53am

tolsen64

Add a Solution

1 solution

Add a Solution

Add your solution here

Treat my content as plain text, not as HTML

Preview 0

…

Existing Members

Sign in to your account

...or Join us

Download, Vote, Comment, Publish.

Your Email
Password
Forgot your password?

Your Email
This email is in use. Do you need your password?
Optional Password

I have read and agree to the Terms of Service and Privacy Policy
Please subscribe me to the CodeProject newsletters

When answering a question please:

Read the question carefully.
Understand that English isn't everyone's first language so be lenient of bad spelling and grammar.
If a question is poorly phrased then either ask for clarification, ignore it, or edit the question and fix the problem. Insults are not welcome.
Don't tell someone to read the manual. Chances are they have and don't get it. Provide an answer or move on to the next question.

Let's work to help developers, not make them feel stupid.

This content, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)

theHollow · Answer 1 · 2011-09-14T10:12:00

Create a property in the CodeBehind or ViewModel. Use that property and create a Binding to the DataGrid's SelectedItem (you have probably done this already).

Then the SelectedItem property should hold a row as defined in the ItemsSource.
If the rows are known classes with known properties, this is simple. If it's a DataTable with DataRows, it's still quite possible but maybe a little more hazzle.

In the TabControl, create a Binding to the "ItemsSource" (for the TabControl) to the SelectedItem. Then use a Converter with a StaticBinding to a class implementing the "IValueConverter".

The "value" property in the converter's "Convert" method should then be a the SelectedItem.

Parse the SelectedItem properties or columns, create an ObservableCollection<Control> or ObservableCollection<TabItem>. If you create a collection of Control, you may have to define an "ItemTemplate" for the TabControl.

Then add all the controls you need to the colelction and return the whole collection in the converter's "Convert" method.

I hope I understood the problem/question :-)