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



本文转自程兴亮 51CTO博客,原文链接:http://blog.51cto.com/chengxingliang/856833




相关文章
Silverlight自定义数据绑定控件应该如何处理IEditableObject和IEditableCollectionView对象
原文:Silverlight自定义数据绑定控件应该如何处理IEditableObject和IEditableCollectionView对象 原创文章,如需转载,请注明出处。   最近在一直研究Silverlight下的数据绑定控件,发现有这样两个接口IEditableObject 和IEditableCollectionView,记录一下结论,欢迎交流指正。
869 0
|
数据格式 XML 安全
使用Silverlight的WCF模板问题
环境配置:Silverlight 2 tools for visual studio 2008 sp1                VSTS2008 +sp1                 MSSQLSERVER2005 启用 Silverlight 的 WCF 模板 您可以通过在 Visual Studio? 中创新建一个 WCF 项目来构建可与 Silverlight 应用程序进行通信的 WCF 服务。
786 0

热门文章

最新文章