Silverlight實用竅門系列：66.Silverlight的數據模板DataTemplate(二)獲取數據模板控件

　　在Silverlight中我們使用了數據模板，在很多時候也需要獲取到數據模板上的控件，並且進行改變。本文使用的實例數據源和上節相同，如需瞭解請下載源碼查看。

　　當然在這裏我們可以分爲獲取數據模板原始控件和獲取數據模板當前行控件兩種。

　　一：獲取數據模板原始控件。即通過“lbTempName.LoadContent()”的方式獲取到原始數據模板的根元素（所有的DataTemplate數據模板都只有一個根元素，否則會報錯）

　　　　a.Xaml代碼如下：

 <ListBox x:Name="lbResTemp" ItemsSource="{Binding ArticleList}" 
                 HorizontalAlignment="Left" VerticalAlignment="Top"
                  Height="400" Margin="410 0 0 0 " >
            <ListBox.ItemTemplate>
                <DataTemplate x:Name="lbTempName">
                    <StackPanel Orientation="Vertical" >
                        <StackPanel Orientation="Horizontal" Margin="5" Width="380">
                            <TextBox Text="{Binding ArtContent}" Margin="5"></TextBox>
                            <TextBlock Text="{Binding ArtName}" Margin="5 10 0 0"></TextBlock>
                            <TextBlock Text="{Binding ArtUpdateTime}" Margin="5 10 0 0"></TextBlock>
                            <TextBox Text="{Binding ArtAuthor}" Margin="5"></TextBox>
                            <Button Content="展開" Width="60" Height="26" x:Name="btnShow" 
                            HorizontalAlignment="Right"  Click="btnShow_Click"/>
                        </StackPanel>
                        <StackPanel Orientation="Horizontal"  x:Name="hidPanel" >
                            <TextBox Text="{Binding ArtContent}" Width="280"></TextBox>
                        </StackPanel>
                    </StackPanel>
                </DataTemplate>
            </ListBox.ItemTemplate>
        </ListBox>

　　　　b.Cs代碼如下,使用注意事項在代碼註釋內標明：

        private void btnShow_Click(object sender, RoutedEventArgs e)
        {
            Button btn = sender as Button;
            //1.在這裏必須是直接在ListBox.ItemTemplate下寫的DataTemplate才能使用此LoadContent()方法
            //2.如果是使用ItemTemplate="{StaticResource lbTmp}"的方式則無法獲取
            //3.此種方式獲取到的是模板中初始情況的控件名單。而非當前列的控件名單
            StackPanel panel = (StackPanel)this.lbTempName.LoadContent();
            StackPanel hidPanel = VisualTreeHelper.GetChild(panel, 1) as StackPanel;

            //設置動作無法成功並且反饋到界面，因爲它是獲取到源模板，而非當前列控件
            hidPanel.Visibility =
                hidPanel.Visibility == Visibility.Visible ? Visibility.Collapsed : Visibility.Visible;
        }

　　二：獲取數據模板當前行控件。根據點擊行按鈕事件等方式，通過 VisualTreeHelper.GetParent(觸發事件的按鈕對象)的方式去獲取當前行模板的根元素，然後通過該根元素使用 VisualTreeHelper.GetChild(spParent2, 1)或者 spParent1.FindName("tbName")的方式獲取其他子控件。

　　　　a.Xaml代碼如下：

    <UserControl.Resources>
        <local:ArtList x:Key="SourceList"></local:ArtList>
        <DataTemplate x:Key="lbTmp">
            <StackPanel Orientation="Vertical" >
                <StackPanel Orientation="Horizontal" Margin="5" Width="380">
                    <TextBlock Text="{Binding ArtName}" Margin="5 10 0 0"></TextBlock>
                    <TextBox Text="{Binding ArtContent}" Name="tbName" Margin="5"></TextBox>
                    <TextBox Text="{Binding ArtAuthor}" Margin="5"></TextBox>
                    <TextBlock Text="{Binding ArtUpdateTime}" Margin="5 10 0 0"></TextBlock>
                    <Button Content="展開" Width="60" Height="26" x:Name="btnShow" 
                            HorizontalAlignment="Right"  Click="Button_Click" />
                </StackPanel>
                <StackPanel Orientation="Horizontal"  Visibility="Collapsed">
                    <TextBox Text="{Binding ArtContent}" Width="280"></TextBox>
                </StackPanel>
            </StackPanel>
        </DataTemplate>
    </UserControl.Resources>
    <Grid x:Name="LayoutRoot" Background="White" DataContext="{StaticResource SourceList}">
        <ListBox x:Name="lbRes" ItemsSource="{Binding ArticleList}" 
                 ItemTemplate="{StaticResource lbTmp}" Margin="0 0 0 0 "
                 HorizontalAlignment="Left" VerticalAlignment="Top"
                  Height="400" >
        </ListBox>
    </Grid>

　　　　b.Cs代碼如下：

        private void Button_Click(object sender, RoutedEventArgs e)
        {
            Button btn=sender as Button;
            //獲取父級StackPanel
            StackPanel spParent1 = VisualTreeHelper.GetParent(btn) as StackPanel;
            //通過名字找到當前Item列的tbName元素
            TextBox tb = spParent1.FindName("tbName") as TextBox;
            tb.Text = tb.Text + "點擊";
            //獲得祖父級StackPanel
            StackPanel spParent2 = VisualTreeHelper.GetParent(spParent1) as StackPanel;
            //獲取到其子元素
            StackPanel hidPanel = VisualTreeHelper.GetChild(spParent2, 1) as StackPanel;
            //設置動作
            btn.Content = btn.Content.ToString() == "展開" ? "隱藏" : "展開";
            hidPanel.Visibility =
                hidPanel.Visibility == Visibility.Visible ? Visibility.Collapsed : Visibility.Visible;
        }

　　如需源碼請點擊 SLDataTemplate2.zip 下載。下面是效果圖：