Silverlight：如何访问 DataGrid RowDetailTemplate 中的控件

Posted 2023-04-12

【中文标题】Silverlight：如何访问 DataGrid RowDetailTemplate 中的控件

【英文标题】：Silverlight : How to access control in DataGrid RowDetailTemplate

【发布时间】：2015-03-05 05:32:15

【问题描述】：

我有以下代码，我想在 RowDetailsTemplate 中获取“btnUpdate”按钮控件并在后面的代码中设置可见性。我怎样才能做到这一点？任何建议表示赞赏并提前感谢。

    <Grid x:Name="LayoutRoot" Background="White">
    <Grid  HorizontalAlignment="Left" Name="grid1" VerticalAlignment="Top" >
        <Grid.RowDefinitions>
            <RowDefinition Height="40" />
            <RowDefinition Height="*" />
        </Grid.RowDefinitions>
        <Grid.ColumnDefinitions>

        </Grid.ColumnDefinitions>
        <Grid  HorizontalAlignment="Left" Name="grid2" VerticalAlignment="Top" Grid.RowSpan="2">
            <Grid.ColumnDefinitions>
                <ColumnDefinition Width="500" />
                <ColumnDefinition Width="80*" />
                <ColumnDefinition Width="111*" />
                <ColumnDefinition Width="*" />
            </Grid.ColumnDefinitions>
            <Button Content="Refresh"  Click="btnRefresh_Click" Grid.Column="1" Height="23" HorizontalAlignment="Right" Name="btnRefresh" VerticalAlignment="Top" Width="80"/>
            <Button Content="Add"  Click="btnAdd_Click" Grid.Column="2" Height="23" HorizontalAlignment="Right" Name="btnInsert" VerticalAlignment="Top" Width="80" />
            <sdk:Label Height="28" HorizontalAlignment="Left" Name="Title" VerticalAlignment="Top" Content="Title" HorizontalContentAlignment="Left" FontSize="20" FontWeight="Bold" Width="Auto"/>
        </Grid>
        <data:DataGrid x:Name="OverviewDataGrid" Grid.Row="1" AutoGenerateColumns="False" RowEditEnded="OverviewDataGrid_RowEditEnded" SelectionChanged="OverviewDataGrid_SelectionChanged">
            <data:DataGrid.Columns>
                <data:DataGridTextColumn Header="Code" Binding="Binding code, TargetNullValue=(enter code)" IsReadOnly="True"></data:DataGridTextColumn>
                <data:DataGridTextColumn Header="Description" Binding="Binding description" IsReadOnly="True"></data:DataGridTextColumn>
                <data:DataGridTemplateColumn Header="Delete">
                    <data:DataGridTemplateColumn.CellTemplate>
                        <DataTemplate>
                            <Button x:Name="btnDelete" Content="Delete" Click="btnDelete_Click"></Button>
                        </DataTemplate>
                    </data:DataGridTemplateColumn.CellTemplate>
                </data:DataGridTemplateColumn>

                <data:DataGridTemplateColumn >
                    <data:DataGridTemplateColumn.CellTemplate>
                        <DataTemplate>
                            <Button x:Name="btnCollapse" Grid.Column="0" Grid.Row="0" Content="+" Click="btnCollapse_Click" HorizontalAlignment="Center" Width="20" VerticalAlignment="Center" />
                        </DataTemplate>
                    </data:DataGridTemplateColumn.CellTemplate>
                </data:DataGridTemplateColumn>
            </data:DataGrid.Columns>

            <data:DataGrid.RowDetailsTemplate>
                <DataTemplate>
                    <Border BorderThickness="0" Background="BlanchedAlmond" Padding="1">
                        <Grid>
                            <Grid.ColumnDefinitions>
                                <ColumnDefinition Width="0.17*"/>
                                <ColumnDefinition Width="0.30*"/>
                                <ColumnDefinition Width="0.17*"/>
                                <ColumnDefinition Width="*" />
                            </Grid.ColumnDefinitions>
                            <Grid.RowDefinitions>
                                <RowDefinition />
                                <RowDefinition />
                                <RowDefinition />
                                <RowDefinition />
                                <RowDefinition />
                                <RowDefinition />
                                <RowDefinition />
                                <RowDefinition />
                                <RowDefinition />
                            </Grid.RowDefinitions>

                            <TextBlock FontSize="12" Text="Code : " VerticalAlignment="Center" Grid.Column="0" Grid.Row="0" Margin="1"/>
                            <TextBlock FontSize="12" FontWeight="Bold" Foreground="MidnightBlue" Text="Binding code" VerticalAlignment="Center" HorizontalAlignment="Left" Grid.Column="1" Grid.Row="0" Margin="1" Grid.ColumnSpan="3"/>

                            <TextBlock FontSize="12" Text="Description: " VerticalAlignment="Center" Grid.Column="0" Grid.Row="1" Margin="1"/>
                            <TextBox FontSize="12" Text="Binding description, Mode=TwoWay" Width="350" TextWrapping="NoWrap"  HorizontalAlignment="Left" 
                                     AcceptsReturn="True" Grid.Column="1" Grid.Row="1" Margin="1" Grid.ColumnSpan="3"/>
                            <Button x:Name="btnUpdate1" Content="Update" Click="btnUpdate_Click"  HorizontalAlignment="Left" Grid.Column="1" Grid.Row="4" Margin="1"/>
                        </Grid>
                    </Border>
                </DataTemplate>
            </data:DataGrid.RowDetailsTemplate>
        </data:DataGrid>
    </Grid>
</Grid>

【问题讨论】：

可见性是什么？那个按钮本身？

您通常无法访问 DataTemplate 中元素的对象模型——必须改用 XAML 中的绑定。

【参考方案1】：

按照以下步骤获取 RowDetailsTemplate 中的控件。

将 loadingRowDetails 事件 LoadingRowDetails="yourDataGrid_LoadingRowDetails" 添加到 xaml 中的数据网格中。

在 xaml 类中添加以下代码

    private void yourDataGrid_LoadingRowDetails(object sender, DataGridRowDetailsEventArgs e)
           
    Button btn = (e.DetailsElement as FrameworkElement).FindName("btnUpdate") as Button;
    if (ok.Equals(false))
        btn.Visibility = System.Windows.Visibility.Collapsed;