使用Silverlight手风琴控制进行数据绑定

时间:2010-01-22 05:06:58

标签: silverlight data-binding silverlight-3.0 accordion silverlight-toolkit

我在ChildWindow中有Silverlight Accordion控件,我按照以下方式进行了自定义

<Style x:Key=itemStyle TargetType=AccordionItem>
  <Setter Porperty=HeaderTemplate>
    <DataTemplate>
      <TextBlock x:Name=_headertext/>
    </DataTemplate>
  </Setter>
</Style>

<Accordion Style"{StaticResource itemStyle}">
  <Accordion.ContentTemplate>
    <DataTemplate>
      <StackPanel>
        <CheckBox/>
        <TextBlock x:name=_contenttext/>
    </DataTemplate>
  <Accordion.ContentTemplate>
</Accordion>

现在我的Chilwindow.Xaml

中有一个方法
public void  LoadItems(ObservableColection<Groups> gp)
{}

从mainpage调用此方法并传递gp值

Groups是一个具有公共属性和Observable集合的类。例如

public class Groups
{
  public string FirstName{get, set;}

  public ObservableCollection<Details> details {get, set;}

  public Groups()
  {
    this.details=new ObservableCollection<Details>();
  }

}

My Details Class is as follows

public class Details
{
   public int id {get; set;}
   public string LastName{get; set;} 
   --------
   -------
}

现在我必须将_headertext(标题模板中的TextBlock)与带有LastName的FirstName和_contenttext(内容模板中的TextBlock)绑定。

请帮我这样做。我需要你的帮助。

由于 拉尼

2 个答案:

答案 0 :(得分:1)

为什么不直接在XAML中使用数据绑定?您不需要在代码中执行此操作。

<Style x:Key=itemStyle TargetType=AccordionItem> 
  <Setter Porperty=HeaderTemplate> 
    <DataTemplate> 
      <TextBlock Text="{Binding FirstName}"/> 
    </DataTemplate> 
  </Setter> 
</Style> 

<Accordion Style"{StaticResource itemStyle}"> 
  <Accordion.ContentTemplate> 
    <DataTemplate> 
      <StackPanel> 
        <CheckBox/> 
        <TextBlock Text="{Binding LastName}"/> 
    </DataTemplate> 
  <Accordion.ContentTemplate> 
</Accordion> 

答案 1 :(得分:1)

首先,TargetType指向AccordionItem,并且您正在尝试使用Accordion元素本身的样式。这永远不会奏效。为了使其工作,您需要创建两种样式,一种用于Accordion本身,另一种用于您在手风琴风格中引用的AccordionItem。

    <Style x:Key="itemStyle" TargetType="layoutToolkit:AccordionItem">
        <Setter Property="HeaderTemplate">
            <Setter.Value>
                <DataTemplate>
                    <TextBlock Text="{Binding Header}"/>
                </DataTemplate>
            </Setter.Value>
        </Setter>
    </Style>

    <Style x:Key="accordionStyle" TargetType="layoutToolkit:Accordion">
        <Setter Property="ItemContainerStyle" Value="{StaticResource itemStyle}" />
        <Setter Property="ContentTemplate">
            <Setter.Value>
                <DataTemplate>
                    <TextBlock Text="{Binding Content}"/>
                </DataTemplate>
            </Setter.Value>
        </Setter>
    </Style>

然后你定义你的手风琴控制:

    <layoutToolkit:Accordion Height="Auto"
                             Name="accordion1" 
                             ExpandDirection="Right" 
                             SelectionMode="One"
                             ItemsSource="{Binding}"
                             Style="{StaticResource accordionStyle}">
    </layoutToolkit:Accordion>