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 下载。下面是效果图:

posted @ 2012-05-08 11:26  程兴亮  阅读(4443)  评论(0编辑  收藏