SilverlightShow: DataGrid and row details in Silverlight Comments

Re: DataGrid and row details in Silverlight

siobhan — Mon, 03 Oct 2011 11:41:48 GMT

hello,

I have a datagridview that is created in code-behind. would you have an equivalent to show row details in code-behind?

thanks in advance

RE: DataGrid and row details in Silverlight

SBJ — Fri, 13 May 2011 20:51:17 GMT

I have Row Details with an Image button to Collapsed selected RowDetails. I tried different options

for example, i tried Search for parent row of a Rowdetails and collaps RowDetails to perticular Row.

any help will be appriciated.

Thanks

RE: DataGrid and row details in Silverlight

fs — Tue, 26 Apr 2011 18:51:46 GMT

fasfasf

fadsfasf

RE: DataGrid and row details in Silverlight

lnikolov — Wed, 22 Dec 2010 18:21:19 GMT

The article has been updated to the latest version of Silverlight and Visual Studio.

RE: DataGrid and row details in Silverlight 2

Felix — Wed, 22 Sep 2010 23:27:57 GMT

I was having the same issue when I remove the HeadersVisisbility in the details datagrid. If you remove the following

HeadersVisibility="None"

You should be able to see details

RE: DataGrid and row details in Silverlight 2

BMR — Thu, 12 Aug 2010 17:12:05 GMT

Hi,

I am trying to create a Row Detail in DataGrid in Silverlight 4.I have a DataSource as

Public User parentUser{get;set;}

Public List childUsers{get;set;}

In the First Grid I have to display all the parentUser details and In the detaisl Grid I ahev to display all the childusers associated with the parentUser.

<sdk:DataGrid AutoGenerateColumns="False" HorizontalAlignment="Left" Name="UserViewModelDataGrid" RowDetailsVisibilityMode="VisibleWhenSelected" VerticalAlignment="Top">

<sdk:DataGrid.Columns>

<sdk:DataGridTextColumn Header="Description" Binding="{Binding Description}" SortMemberPath="ActvityValue"/>

<sdk:DataGridTextColumn Header="First Name" Binding="{Binding FirstName}" SortMemberPath="FirstName"/>

<sdk:DataGridTextColumn Header="LastName" Binding="{Binding LastName}" SortMemberPath="LastName"/>

</sdk:DataGrid.Columns>

<sdk:DataGrid.RowDetailsTemplate>

<sdk:DataGrid HeadersVisibility="None" AutoGenerateColumns="False" DetailsVisibilityMode="VisibleWhenSelected" HorizontalAlignment="Left" Name="childUsersViewModelDataGrid" ItemsSource="ChildUsers">

<DataGrid.Columns>

<sdk:DataGridTextColumn Header="First Name" Binding="{Binding ChildUsers.FirstName}" SortMemberPath="FirstName"/>

<sdk:DataGridTextColumn Header="LastName" Binding="{Binding ChildUsers.LastName}" SortMemberPath="LastName"/>

....

By the above way I am only able to display the parent rows and non of the details show up..

i AM NOT ABLE TO UNDERSTAND WHERE i AM DOING WRONG.

i REQUEST SOME SOLUTIONS AND SUGGESTIONS PLEASE.

Thanks in Advance.

RE: DataGrid and row details in Silverlight 2

Thomas — Thu, 27 May 2010 15:15:18 GMT

Thank you!

This was exactly what I was looking for. Now it's a piece of cake to create your own gridtree, since you can have a datagrid inside your DataTemplate. Add a extrector and hide the headr if you want and you are done.

RE: DataGrid and row details in Silverlight 2

Param — Tue, 13 Apr 2010 10:40:33 GMT

Heloo to all !

i m strucj wid datagrid's row template ,

actualy i want access the textbox placed in my row-template .

plz any 1 4 help , do reply !

RE: DataGrid and row details in Silverlight 2

Rahul Gupta — Tue, 23 Mar 2010 10:58:59 GMT

Hi,

Article is really great. Can we have separate row details for every column. Like in above case one detail for Group, another for Name and so on. Please reply me at guptarahulrk@gmail.com

-Rahul Gupta

RE: DataGrid and row details in Silverlight 2

Rahul Gupta — Tue, 23 Mar 2010 09:27:29 GMT

Hi,

Article is really great. Can we have separate row details for every column. Like in above case one detail for Group, another for Name and so on. Please reply me at guptarahulrk@gmail.com

-Rahul Gupta

RE: DataGrid and row details in Silverlight 2

Pedro Palma — Fri, 22 Jan 2010 16:09:10 GMT

Hi,

I have a DataGrid with various columns and RowDetails with TextBox. When I surf with the tab key, the TextBox RowDetails does not receive focus after exiting the last column in the DataGrid. What should I do to the TextBox receives focus on column navigation sequence?

RE: DataGrid and row details in Silverlight 2

huhu — Tue, 18 Aug 2009 08:13:26 GMT

using button?

RE: DataGrid and row details in Silverlight 2

Rafael — Sat, 30 May 2009 18:45:58 GMT

Hello, how could i raise event DataGridRowDetailsEventArgs just when i click in one single cell and not in all row, i have more than one detail

tks

Rafael

RE: DataGrid and row details in Silverlight 2

Tibi — Wed, 01 Apr 2009 07:55:49 GMT

Hello everyone... I have the same issue, a datagrid in another datagrid and i don't know how to reference it... Or how to bind some list of object to it... Pls help (also new in silvelight)

RE: DataGrid and row details in Silverlight 2

alphalima — Mon, 16 Mar 2009 16:23:09 GMT

I have a datagrid in the DataTemplate of a RowsDetailTemplate. How do I reference it?

RE: DataGrid and row details in Silverlight 2

rose — Thu, 05 Feb 2009 23:28:54 GMT

i want to display another datagrid by selecting the row of a another datagrid.........plz help me....am new in silverlight

RE: DataGrid and row details in Silverlight 2

JUANID — Fri, 12 Dec 2008 12:21:29 GMT

Well done!!!!!!!!!!!!!!!!!!!!!!!!!!!!!

RE: DataGrid and row details in Silverlight 2

mHectorGato — Thu, 04 Dec 2008 12:56:04 GMT

First off, thanks for article!

I would like to use a datagrid to show multi table data that has an 1 to many relationship. There's no problem showing the parent row with DataBinding. I've put a DataGrid in my DataTemplate just fine. Using the RowDetailsVisibilityChanged event I can set the binding for the Detail DataGrid.

The problem I am experienceing is that the SelectedIndex seems to be a step behind what's happening.

For example, the first time it fires (on load of the parent grid) the value is -1. When I click on the fourth row, SelectedIndex is 0, and then if I click back to the first row, the SelectedIndex is 3. I'm guessing that the event is fired before the Index value is changed.

Another issue I am facing is that I would like to make the loading of the details grid conditional on a value in the parent row. Since the SelectedIndex seems to be a step behind, I tried to use the SelectionChanged event to get at the data. But that seems to be fired after the RowDetailsVisibilityChanged is.

I think I could code around these issues, but it doesn't seem to make sense that I would need to. Am I missing something here?

Thanks!

RE: DataGrid and row details in Silverlight 2

Enrai — Thu, 04 Dec 2008 03:15:09 GMT

You can try to change the cell template by setting the CellStyle property for the cell taht you have taken as selected. Here is the generic.xaml for the DataGrid. In it find the style for the DataGridCell and configure the ControlTemplate to your likings. Then place the configured template in the style for the selected cell. ;)

RE: DataGrid and row details in Silverlight 2

SilverlightOIS — Wed, 03 Dec 2008 10:09:39 GMT

Uhm! Hello All!

I am working with Datagrid of Silverlight and I have a proplem with it . So I hope everyone who know it can help me!

My proplem is : I have a Datagrid,when the data is loaded,I want to change the Background and the Foreground of a cell.

I can't take a cell in the grid , I have search in Google and now I can take a cell, but I can only change the Foreground of a cell and I can't change the Background of a cell.

I used the code in the follow link : http://silverlight.net/forums/t/42372.aspx . THANK YOU VERY MUCH !

RE: DataGrid and row details in Silverlight 2

Enrai — Mon, 24 Nov 2008 03:58:47 GMT

1) When having an active control such as Button, RadioButton, CheckBox etc. in a DataGrid you can't use them (at least for now) to manipulate the row they are placed in. The reason is that the focus goes to the control but its row doesn't get focused. So the SelectionChanged event doesn't fire, the SelectionIndex doesn't get changed and you have no information about the row that the control is placed in.

2) There is no way to get the RowDetail for particular row and manipulate it, as there is no collection for the rows of the DataGrid.

Why don't you just set the RowDetailsVisibilityMode to VisibleWhenSelected? It makes the details visible when the row is selected and I think the result is identical with what you want to achieve. You use the checkbox to select the row and then expand the its Rowdetails - as I understand it, if you use the VisisbleWhenSelected you spare yourself a lot of code and an additional column and the result is the same.

Sorry if I missunderstood you, if you ment something else, please explain it and I'll try to help you. :)

RE: DataGrid and row details in Silverlight 2

Mohammed Mudassir Azeemi — Fri, 21 Nov 2008 15:37:33 GMT

Hello,

I have a question, how should I know that "What Row holds the specified Control with the Specified data?"

My xaml code is:

                                        RowDetailsVisibilityMode="Collapsed"
                                AutoGenerateColumns="False"
                                Margin="0,0,0,90"
                                Style="{StaticResource DataGridStyle1}"
                                SelectionChanged="dg1_SelectionChanged"
                                SelectionMode="Single"
                                >













                                                                                HorizontalAlignment="Left"
                                                Style="{StaticResource CheckBoxStyle1}"
                                                VerticalAlignment="Bottom"
                                                Width="95.333" d:LayoutOverrides="Height" Click="grdChkBox1_Click"/>

My xaml.cs code is :

    List source = new List();
            int itemsCount = 100;

            for (int i = 0; i < itemsCount; i++)
            {
                source.Add(new Data()
                {
                    FirstName = i+"First",
                    LastName = i + "Last",
                    Age = i,
                    Available = (i % 2 == 0)
                });
            }

            dg1.ItemsSource = source;

Now what I want is , when somebody clicked on my the "Chekbox" then I want 1) To see which "Row" is need to be expanded, 2) Give me the "Row" detail so I can enable the "RowDetailsVisibilityMode="Collapsed" to visible.

Any idea how I can acheive this via Event Handler?

Thanks,

Mudassir Azeemi

RE: DataGrid and row details in Silverlight 2

Enrai — Wed, 19 Nov 2008 09:29:28 GMT

@VK I have also tried the same, it's the most logical approach, but as you said - no effect. At first look it seems that the problem is in the SelectedIndex property, but I investigated a bit the issue and found that when the ItemsSource is set and the data is bound the SelectedIndex is set to 0. Sadly there i no event that fires when the data is bound. If you do something like this:

Foods.ItemsSource = data;

Foods.SelectedIndex = -1;

it won't work. It seems that when the SelectedIndex is set the data is still not bound and after that it gets set again.

Me and one of my collegues have found some kind of workaround for this issue.

When the SelectedIndex is set to 0 the SelectionChanged event is raised and we use it in order to set the SelectedIndex, knowing that it won't be changed behind the scenes anymore.

public Page()

    InitializeComponent();

...

    Foods.ItemsSource = data;

    this.Foods.SelectionChanged += SetDefaultSelectedIndex;

void SetDefaultSelectedIndex( object sender, SelectionChangedEventArgs e )

    this.Foods.SelectionChanged -= SetDefaultSelectedIndex;

    this.Foods.SelectedIndex = -1;

The problem here is that the SelectionChanged is an important event for the DataGrid and we may want to use it with another purpose later on. This issue occurs only when the data is bound, so when we handle this SelectionChanged event with the intention to set the SelectedIndex to -1, we also dettach the handler from it. Here you can also attach the handler that we'll be used further on.

RE: DataGrid and row details in Silverlight 2

Rajmund — Wed, 19 Nov 2008 02:47:24 GMT

When I choose constant height it works fine, but setting height to Auto doesnt work. Thanks for your help

RE: DataGrid and row details in Silverlight 2

VK — Tue, 18 Nov 2008 20:10:23 GMT

By default the first row is always selected and the Row details are visible (I have RowDetailsVisibilityMode = "VisibleWhenSelected" ). I tried datagrid.SelectedIndex = - 1 and datagrid.SelectedItem = null. Doesn't seem to manke any difference.

I would like to have the RowDetails collapsed by defaul and visible when selected. Any thoughts on this.

Thanks

RE: DataGrid and row details in Silverlight 2

Enrai — Tue, 18 Nov 2008 10:48:21 GMT

@Rajmund The height of the row details template depends on the height of the controls in it. In my example I can control the width and the height of the row details via the width and the height of the StackPanel control. So try setting the hegith of the layout control to Auto or choose a constant height that will suit all row details.

@Fernando Z I assume that you're trying to do the following thing: You want your control to be disabled, but when the cell is selected you want it to be active. I also have tried to do that, but I haven't found a way to access the selected cell and work with the controls in it. I have also tried the following: I have defined them as disabled in the XAML, but when disabled they doesn't get focus, so there is no event I could hook up in order to enable them again. I'm going to try the trick with the transparency, that you have shown in your code.

RE: DataGrid and row details in Silverlight 2

Rajmund — Tue, 18 Nov 2008 09:57:53 GMT

I have little problem with details row template.

Is it possible to change height of the details row?

Sometimes i can't see all information in details row

RE: DataGrid and row details in Silverlight 2

Fernando Z — Thu, 13 Nov 2008 14:58:05 GMT

My Sincere apologies about the above post. I didn't realize it would post the way it did.

RE: DataGrid and row details in Silverlight 2

Fernando Z — Thu, 13 Nov 2008 14:52:50 GMT

Why use the DataGridTemplateColumsn allow you to define your columns however you want. As show below I have a grid with a textbox in one column and a customized checkbox in the other.

Fernando

[code]

<my:DataGrid.Columns>

    <my:DataGridTemplateColumn x:Name="columnDescription" CanUserSort="True" SortMemberPath="Description" Width="360"
        Header="Description" IsReadOnly="False">
        <my:DataGridTemplateColumn.CellTemplate>
            <DataTemplate>
                <Border CornerRadius="4" BorderThickness="5,5,5,5">
                    <StackPanel Orientation="Horizontal"> 
                        <TextBox MaxLength="100" x:Name="txtDescriptionInList" LayoutUpdated="txtDescriptionInList_LayoutUpdated" 
                            Width="350" VerticalAlignment="Center" BorderThickness="0" Text="{Binding Description, Mode=TwoWay}" 
                            GotFocus="txtDescriptionInList_GotFocus"> 
                             
                            <TextBox.Background > 
                                <SolidColorBrush Color="White" Opacity="0"/> 
                            TextBox.Background> 
                        TextBox> 
                    StackPanel> 
                Border> 
            DataTemplate> 
        my:DataGridTemplateColumn.CellTemplate> 
    my:DataGridTemplateColumn> 
    <my:DataGridTemplateColumn x:Name="columnAvailable" CanUserSort="True" Width="140" Header="Availability" 
        SortMemberPath="Available" IsReadOnly="False"> 
        <my:DataGridTemplateColumn.CellTemplate>
            <DataTemplate> 
                <Border CornerRadius="4" BorderThickness="5,5,5,5"> 
                    <StackPanel Orientation="Horizontal"> 
                        
                         
                        <CheckBox HorizontalAlignment="Stretch" IsChecked="{Binding Available, Mode=TwoWay}" 
                            Style="{StaticResource CheckBoxAvailableAsset}" VerticalAlignment="Stretch" 
                            RenderTransformOrigin="0.5,0.5" IsThreeState="False" Content="" 
                            Background="Transparent" Click="CheckBox_Click"> 
                            <CheckBox.RenderTransform> 
                                <TransformGroup> 
                                    <ScaleTransform /> 
                                    <SkewTransform /> 
                                    <RotateTransform /> 
                                    <TranslateTransform /> 
                                TransformGroup> 
                            CheckBox.RenderTransform> 
                        CheckBox> 
                    StackPanel> 
                Border> 
            DataTemplate> 
        my:DataGridTemplateColumn.CellTemplate> 
    my:DataGridTemplateColumn>
my:DataGrid.Columns>

[/code]

RE: DataGrid and row details in Silverlight 2

Enrai — Thu, 30 Oct 2008 02:57:08 GMT

If you take a closer look at your sample you'll notice that clicking on the TextBox doesn't change the row selection, but if you click somewhere outside the TextBox in the cell the selection is changed. The same happens if you use another active control like button, radio button etc, so I guess that's the reason. I think it got something to do with the focus, but for now I don't have a concrete explanation. You can consider trying to use to use a TextBlock control and put the TextBox into the EditingTemplate of the cell, if this suits your application.

If you come with any other ideas, share them please! :)

RE: DataGrid and row details in Silverlight 2

AK — Wed, 29 Oct 2008 23:09:23 GMT

Thanks for your reply

Now, i use the DataTemplate(TextBox) to implement my project.

And, I find that when i change the row, the SelectionChanged event can't be fired.

I use the common datagrid and DataTemplate(TextBlock), both of them are Ok.

Why datagrid's SelectionChanged event can't be fired using DataTemplate(TextBox)?

Thanks

RE: DataGrid and row details in Silverlight 2

Enrai — Wed, 29 Oct 2008 07:57:19 GMT

You can find the index of the currently selected row in the SelectedIndex property of the DataGrid. Just note the indexing of the rows starts from 0.

If you have more questions, don't hesitate to ask! ;)

RE: DataGrid and row details in Silverlight 2

AK — Tue, 28 Oct 2008 20:55:16 GMT

Hi, Enrai

I want to ask you another question about datagrid,

When i select the row which i want, how to get the number of row?

eg. I select the row 3, so in the source how can i get the "3" using selectchanged event?

Thanks..

RE: DataGrid and row details in Silverlight 2

Enrai — Fri, 24 Oct 2008 04:30:39 GMT

@Necriis: Which event do you mean - the RowDetailsVisibilityChanged one? Or one of the events I used in the previous article about the Editing in the DataGrid? Sorry if I missunderstood you :)

@Frank: First the DataGrid has a collection only for the columns and second you can't access a specific cell using the DataGrid column. So do only thing I think of is to use the SelectedItem property of the DataGrid as it contains the DataContext for the entire row. From the DataContext you can easily gather the desired data. If I come into a better way to do this, I'll let you know.

RE: DataGrid and row details in Silverlight 2

Frank — Tue, 21 Oct 2008 13:40:58 GMT

The datagrid in my example is two dimensional

Six columns across

10 rows down

I want to get the data out of the one cell that intersects Row 6 column 4 (6,4)

the name of the datagrid is "theDG"

the name of the fourth column is colD

I think the code is something like the following (C#)

itemC = theDG.rows[6].colD

any ideas?

Thanks

RE: DataGrid and row details in Silverlight 2

Necriis — Mon, 20 Oct 2008 07:12:41 GMT

Great article !

Is this the only (easiest) way to catch a cell modification event ? (Best I've seen, for now ...)

RE: DataGrid and row details in Silverlight 2

Enrai — Thu, 09 Oct 2008 00:13:06 GMT

Hi, ak!

I have added a link to the source code, it seems I had forgotten about it, thanks for reminding me! :)

RE: DataGrid and row details in Silverlight 2

ak — Wed, 08 Oct 2008 18:47:10 GMT

Could you upload your soure please?