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




  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
WPF中的DataTemplateSelector是一个非常有用的工具,它允许我们根据数据类型或其他条件来选择使用哪个DataTemplate来呈现数据。使用DataTemplateSelector的步骤如下: 1. 创建一个继承自DataTemplateSelector的类: ``` public class MyDataTemplateSelector : DataTemplateSelector { public override DataTemplate SelectTemplate(object item, DependencyObject container) { if (item is MyType1) { return (DataTemplate)Application.Current.Resources["MyType1Template"]; } else if (item is MyType2) { return (DataTemplate)Application.Current.Resources["MyType2Template"]; } else { return null; } } } ``` 2. 在XAML中使用DataTemplateSelector: ``` <ItemsControl ItemsSource="{Binding}"> <ItemsControl.ItemTemplateSelector> <local:MyDataTemplateSelector/> </ItemsControl.ItemTemplateSelector> </ItemsControl> ``` 动态绑定可以让我们在运行时动态地改变数据绑定的目标或源。使用动态绑定的步骤如下: 1. 创建一个继承自INotifyPropertyChanged接口的类,该类包含需要动态绑定的属性。 2. 在XAML中使用Binding对象绑定属性: ``` <TextBlock Text="{Binding MyProperty}"/> ``` 3. 在代码中动态更改属性的值: ``` MyObject.MyProperty = "New Value"; ``` DataTemplate.Triggers是一个非常有用的工具,它允许我们根据数据的某些属性来更改DataTemplate的样式。使用DataTemplate.Triggers的步骤如下: 1. 在DataTemplate中添加Trigger对象: ``` <DataTemplate x:Key="MyTemplate"> <Border BorderThickness="1" BorderBrush="Black"> <TextBlock Text="{Binding}"> <TextBlock.Style> <Style TargetType="{x:Type TextBlock}"> <Style.Triggers> <DataTrigger Binding="{Binding Path=Status}" Value="Error"> <Setter Property="Foreground" Value="Red"/> </DataTrigger> </Style.Triggers> </Style> </TextBlock.Style> </TextBlock> </Border> </DataTemplate> ``` 2. 在数据对象中添加属性: ``` public string Status { get; set; } ``` 3. 在代码中更改属性的值: ``` MyObject.Status = "Error"; ```
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值