访问和控制自定义ListBoxItem控件

Question

我有一个列表框，可以将XML文件中的信息解析到该列表框。 我为ListBoxItems创建了一个自定义用户控件，该控件包含一个复选框和一个保存人名的文本块。 我的问题是我无法在代码中访问和控制自定义ListBoxItem用户控件的控件。 我不知道如何访问它们。 我想单击按钮的click事件以删除未选中的名称，并将选中的名称保存到IsolatedStorage中的文件中。 我尚未致力于保存数据，因为我想首先使基本的“选定的复选框标识”起作用。 你能帮我吗？

这是代码：

    public partial class OppilasLista : PhoneApplicationPage

    {
        XDocument lista = XDocument.Load("NykyisetKurssit.xml");
        XDocument oppilasInfo = XDocument.Load("Oppilaat.xml");
        string id = string.Empty;

        public OppilasLista()
        {
            InitializeComponent();

        }

        protected override void OnNavigatedTo(System.Windows.Navigation.NavigationEventArgs e)
        {
            if (NavigationContext.QueryString.TryGetValue("id", out id))
            {

                var ryhma = (from ryhmaInfo in lista.Descendants("Kurssi")
                             where ryhmaInfo.Attribute("id").Value == id
                             select new Kurssit
                             {
                                 RyhmanNimi = (string)ryhmaInfo.Element("tunnus").Value

                             }).FirstOrDefault();

                PageTitle.Text = ryhma.RyhmanNimi;

                var oppilas = (from oppilaat in oppilasInfo.Descendants("Oppilas")
                               where oppilaat.Attribute("ryhma").Value == id
                               select new Kurssit
                               {
                                   OppilaanNimi = (string)oppilaat.Element("nimi").Value
                               });

                oppilaidenLista.ItemsSource = oppilas;

            }
            base.OnNavigatedTo(e);
        }

        private void Tallenna_Button_Click(object sender, RoutedEventArgs e)
        {

        }

    }

与XAML

    <!--LayoutRoot is the root grid where all page content is placed-->
    <Grid x:Name="LayoutRoot" Background="Transparent">
        <Grid.RowDefinitions>
            <RowDefinition Height="Auto"/>
            <RowDefinition Height="*"/>
        </Grid.RowDefinitions>

        <!--TitlePanel contains the name of the application and page title-->
        <StackPanel x:Name="TitlePanel" Grid.Row="0" Margin="12,17,0,28">
            <TextBlock x:Name="ApplicationTitle" Text="LÄSNÄOLOT" Style="{StaticResource PhoneTextNormalStyle}"/>
            <TextBlock x:Name="PageTitle" Text="{Binding RyhmanNimi}" Margin="9,-7,0,0" Style="{StaticResource PhoneTextTitle1Style}"/>
        </StackPanel>

        <!--ContentPanel - place additional content here-->
        <Grid x:Name="ContentPanel" Grid.Row="1" Margin="12,0,12,0">
            <ListBox ItemsSource="{Binding}" x:Name="oppilaidenLista" Margin="0,0" Height="500" VerticalAlignment="Top" d:LayoutOverrides="VerticalAlignment">
                <ListBox.ItemTemplate>
                    <DataTemplate>
                        <local:ListboxItem />
                    </DataTemplate>
                </ListBox.ItemTemplate>
            </ListBox>
            <Button Content="Tallenna" Height="72" HorizontalAlignment="Left" Margin="12,506,0,0" Name="tallennaButton" VerticalAlignment="Top" Width="438" Click="Tallenna_Button_Click" />
        </Grid>
    </Grid>

AND Custom ListBoxItem控件

    <Grid x:Name="LayoutRoot">
        <CheckBox Height="72" HorizontalAlignment="Left" Margin="0,7,0,0" Name="checkBox" VerticalAlignment="Top" />
        <TextBlock Height="55" HorizontalAlignment="Left" Margin="74,12,0,0" Name="studentName" Text= "{Binding OppilaanNimi}" VerticalAlignment="Top" Width="394" FontSize="40" />
    </Grid>

Answer 1

我建议您将ListBox绑定到具有布尔属性的项目集合，可以将CheckBox的IsChecked属性绑定到该项目。 某种东西

public class Kurssit : INotifyPropertyChanged {
  private string _Oppilaanimi;
  private bool _IsChecked;

  public string OppilaanNimi {
    get { return _Oppilaanimi; }
    set {
      if (_Oppilaanimi != value) {
        _Oppilaanimi = value;
        PropertyChanged(this, new PropertyChangedEventArgs("OppilaanNimi"));
      }
  }

  public bool IsChecked {
    get { return _IsChecked ; }
    set {
      if (_IsChecked != value) {
        _IsChecked = value;
        PropertyChanged(this, new PropertyChangedEventArgs("IsChecked"));
      }
  }

  public event PropertyChangedEventHandler PropertyChanged;
}

在LINQ语句中创建这些项目时，请将它们存储在成员变量中，例如， private ObservableCollection<Kurssit> _Kurssit 。

然后将您的ListBox绑定到该成员变量；

oppilaidenLista.ItemsSource = _Kurssit;

然后将您的自定义ListBoxItem控件更改为更像；

<Grid x:Name="LayoutRoot">
    <CheckBox IsChecked="{Binding IsChecked}" Height="72" HorizontalAlignment="Left" Margin="0,7,0,0" Name="checkBox" VerticalAlignment="Top" />
    <TextBlock Height="55" HorizontalAlignment="Left" Margin="74,12,0,0" Name="studentName" Text= "{Binding OppilaanNimi}" VerticalAlignment="Top" Width="394" FontSize="40" />
</Grid>

然后在您按钮的点击处理程序中；

private void Tallenna_Button_Click(object sender, RoutedEventArgs e)
{
  List<Kurssit> selected = _Kurssit.Where(x => x.IsSelected == true).ToList()
  // You can now operate manipulate this sublist as needed
  // ie. Save this subset of items to IsolatedStorage
  //     Or remove the items from the original _Kurssit collection... whatever :)
}

注意：由于在此示例中您也绑定的成员变量的类型为ObservableCollection {T}，因此调用Add() ， Remove()等将引发事件，并且ListBox将响应这些事件，以添加/删除UI控件。这些项目是必要的。