[Solved] Hierarchical data binding in RadGridView..?

[Nikhil Thaker]

Hi,

I am binding a ObservableCollection<MyEntity> to RadGridView and that is working fine...
Now each MyEntity has List<HyperlinkEntity> and so I am using another RadGridView inside RadDropDownButton to show this List<HyperlinkEntity>... And in RadGridView i m using DataTemplate inside GridViewDataColumn...This DataTemplate is having HyperlinkButton, TextBox and a button inside it... Now i have to bind "Hyperlink" property of HyperlinkEntity with "NavigateURI" property of HyperlinkButton and "HyperlinkDescription" property of HyperlinkEntity with "Text" property of Textbox.

So how to bind the internal RadGridView....?

Following is the current code...

Thanks in advance...

<telerikGridView:RadGridView   ItemsSource="{Binding MyEntities, Mode=TwoWay}" >                            <telerikGridView:RadGridView.Columns>
                                <telerikGridView:GridViewDataColumn Header="Name" x:Name="columnName" UniqueName="Name" Width="140" DataMemberBinding="{Binding Path=Name, Mode=TwoWay}" />

                                <telerikGridView:GridViewDataColumn Header="Hyperlink" x:Name="columnHyperlink" UniqueName="Hyperlink" Width="140" >
                                    <telerikGridView:GridViewDataColumn.CellEditTemplate>
                                        <DataTemplate>
                                            <TelerikControls:RadDropDownButton  x:Name="ddbFamilySites" Height="25" Width="190"
            VerticalAlignment="Top" HorizontalAlignment="Left"   IsEnabled="True">
                                                  TelerikControls:RadDropDownButton.Content>
</TelerikControls:RadDropDownButton.Content>
                                                <TelerikControls:RadDropDownButton.DropDownContent>
                                                    <Grid>
                                                        <Grid.RowDefinitions>
                                                            <RowDefinition />
                                                        </Grid.RowDefinitions>
                                                        <telerikGridView:RadGridView Grid.Row="0" x:Name="grid"
                    ItemsSource="{Binding Hyperlinks, Mode=TwoWay}" >
                                                            <telerikGridView:RadGridView.Columns>
                                                                <telerikGridView:GridViewDataColumn x:Name="columnHyperlinksText" IsReadOnly="True" DataMemberBinding="{Binding Hyperlink}" />
                                                                <telerikGridView:GridViewHyperlinkColumn x:Name="columnHyperlinks" DataMemberBinding="{Binding Hyperlink}" />
                                                                <telerikGridView:GridViewDataColumn >
                                                                    <telerikGridView:GridViewDataColumn.CellTemplate>
                                                                        <DataTemplate>
                                                                            <StackPanel>
                                                                                <HyperlinkButton x:Name="hbtnHyperlink" NavigateUri="{Binding Hyperlink, Mode=TwoWay}" Content="{Binding Hyperlink, Mode=TwoWay}"></HyperlinkButton>
                                                                                <TextBox x:Name="txtHyperlink" Text="{Binding Description, Mode=TwoWay}"></TextBox>
                                                                            </StackPanel>
                                                                        </DataTemplate>
                                                                    </telerikGridView:GridViewDataColumn.CellTemplate>
                                                                </telerikGridView:GridViewDataColumn>
                                                                <telerikGridView:GridViewDataColumn Header="" x:Name="" >
                                                                    <telerikGridView:GridViewDataColumn.CellTemplate>
                                                                        <DataTemplate>
                                                                            <Button x:Name="btnEdit" Content="Edit" Tag=""></Button>
                                                                        </DataTemplate>
                                                                    </telerikGridView:GridViewDataColumn.CellTemplate>
                                                                </telerikGridView:GridViewDataColumn>
                                                            </telerikGridView:RadGridView.Columns>

                                                        </telerikGridView:RadGridView>
                                                    </Grid>
                                                </TelerikControls:RadDropDownButton.DropDownContent>

                                            </TelerikControls:RadDropDownButton>
                                        </DataTemplate>
                                    </telerikGridView:GridViewDataColumn.CellEditTemplate>
                                </telerikGridView:GridViewDataColumn>
                            </telerikGridView:RadGridView.Columns>
                        </telerikGridView:RadGridView>

[Vanya Pavlova]

Hi Nikhil,

 
I have prepared an example using your code snippet that demonstrates how this can be achieved.
Please see the attached example and let me know how it differs from yours. You may also send us a small application via support ticket that would help us to better understand your requirement.
Thank you!

Best wishes,
Vanya Pavlova
the Telerik team