Question

当我通过Listpicker添加书籍类型时，它很成功，但是当我在列表框中选择书名以显示书的详细信息时，类型的值不会通过。我想要的是详细页面，Genre在Listpicker中显示（如在Add页面中）并显示我之前选择的类型

Addpage.xaml

<phone:PhoneApplicationPage.Resources>
    <DataTemplate x:Name="listpickertemplate">
        <StackPanel Orientation="Horizontal">
            <TextBlock Text="{Binding Genre}"  Margin="10 0 0 0" />
        </StackPanel>
    </DataTemplate>

    <Grid x:Name="ContentPanel1" Grid.Row="1" >
                <ListBox x:Name="BookInfo" >
                    <TextBlock   Text="Book Title: *" FontWeight="Normal" FontStyle="Normal" Style="{StaticResource PhoneTextTitle3Style}" />
                    <TextBox x:Name="booktitletext" Width="460"  TextWrapping="Wrap"/>
                    <TextBlock   Text="Genre: *" FontWeight="Normal" FontStyle="Normal" Style="{StaticResource PhoneTextTitle3Style}" />
                    <toolkit:ListPicker x:Name="ListPicker"  ItemTemplate="{StaticResource listpickertemplate}" Width="120" HorizontalAlignment="Left"/>
                </ListBox>
            </Grid>

Addpage背后的代码：

 public AddingPage()
    {
        InitializeComponent();
        this.DataContext = App.MainViewModel;
        List<GenrePicker> newpicker = new List<GenrePicker>();
        newpicker.Add(new GenrePicker() { Genre = "Comedy",Index = 0 });
        newpicker.Add(new GenrePicker() { Genre = "Science",Index = 1 });
        newpicker.Add(new GenrePicker() { Genre = "Action", Index = 2 });
        this.ListPicker.ItemsSource = newpicker;
    }
private void Add_Click(object sender, EventArgs e)
    {
        if (booktitletext.Text.Length > 0)

        {
            Book newbook = new Book
            {
                BookTitle = booktitletext.Text,
                Genre = (ListPicker.SelectedItem as GenrePicker).Genre.ToString(),
            }
            App.MainViewModel.Addinfo(newbook);
        }
    }

在我的Browsepage.xaml中，我只显示了书的标题

 <Grid x:Name="ContentPanel1" Margin="12,0,12,0">
                <ListBox x:Name="TitleList" SelectionChanged="TitleList_SelectionChanged" ItemsSource="{Binding Load0}">
                    <ListBox.ItemTemplate>
                        <DataTemplate>
                            <Grid Width="466" Margin="0, 0, 0, 12">
                                <Grid.ColumnDefinitions>
                                    <ColumnDefinition Width="10"/>
                                    <ColumnDefinition Width="360"/>
                                    <ColumnDefinition Width="Auto"/>
                                </Grid.ColumnDefinitions>
                                <Grid Grid.Column="0"></Grid>
                                <StackPanel Grid.Column="1">
                                    <TextBlock FontSize="40"   Text="{Binding BookTitle}" FontWeight="Normal" FontStyle="Normal" Style="{StaticResource PhoneTextTitle3Style}" TextWrapping="Wrap"/>
                                </StackPanel>
                                <Grid Grid.Column="2">
                                    <Button x:Name="Deletebutton" Height="50" Width="50" Click="deleteButton_Click" BorderBrush="{StaticResource TransparentBrush}" Margin="-40">
                                        <Image Source="/Assets/delete.dark.png"  Height="50" Width="50" Visibility="{StaticResource PhoneDarkThemeVisibility}" Margin="-40" />
                                    </Button>
                                </Grid>
                            </Grid>
                        </DataTemplate>
                    </ListBox.ItemTemplate>
                </ListBox>
            </Grid>

当我选择书名时，浏览页面背后的代码：

private void TitleList_SelectionChanged(object sender, SelectionChangedEventArgs e)
    {

        // If no Book is selected, just return
        if (TitleList.SelectedIndex== -1) return;
        // Get the parent application that contains the Book being edited
        App thisApp = Application.Current as App;

        // Set this to the selected customer
        thisApp.SelectedBook = TitleList.SelectedItem as Book;
        thisApp.SelectedGenre = TitleList.SelectedItem as GenrePicker;
        // Navigate to the detail page
        NavigationService.Navigate(new Uri("/View/DetailPage/BookDetail.xaml",UriKind.RelativeOrAbsolute));
        TitleList.SelectedIndex = -1;
    }

Bookdetails.xaml：

<Grid x:Name="ContentPanel" Grid.Row="1" Margin="12,0,12,0" >
        <ListBox x:Name="BookDetails">
            <TextBlock x:Name="booktitle" Text="Book Title:" Foreground="#FF3B12AA" FontSize="30" FontWeight="Bold" FontFamily="Courier New"/>
            <TextBox x:Name="booktitletext" Text="{Binding BookTitle, Mode=TwoWay}" Width="460"  TextWrapping="Wrap" Background="#BF22A1DC" BorderBrush="#BFFFFFFF" FontFamily="Tahoma" FontSize="26"/>
            <TextBlock x:Name="author" Text="Author:" Foreground="#FF3B12AA" FontSize="30" FontWeight="Bold" FontFamily="Courier New"/>
            <TextBox x:Name="authortext" Tap="authortext_Tap" Text="{Binding Author, Mode=TwoWay}" Width="460"  TextWrapping="Wrap" Background="#BF22A1DC" BorderBrush="#BFFFFFFF" FontFamily="Tahoma" FontSize="26"/>
            <TextBlock x:Name="genre" Text="Genre:" Foreground="#FF3B12AA" FontSize="30" FontWeight="Bold" FontFamily="Courier New"/>
            <toolkit:ListPicker x:Name="ListPicker"  ItemTemplate="{StaticResource listpickertemplate}" Width="120" HorizontalAlignment="Left" Background="#BF3BDC22" SelectedIndex="{Binding Index}"/>
        </ListBox>
    </Grid>

代码隐藏的Bookdetails页面：

public BookDetail()
    {
        InitializeComponent();
        this.DataContext = App.MainViewModel;
        List<GenrePicker> newpicker = new List<GenrePicker>();
        newpicker.Add(new GenrePicker() { Genre = "Comedy",Index = 0});
        newpicker.Add(new GenrePicker() { Genre = "Science", Index = 1 });
        newpicker.Add(new GenrePicker() { Genre = "Action", Index = 2});
        this.ListPicker.ItemsSource = newpicker;
    }

    protected override void OnNavigatedTo(System.Windows.Navigation.NavigationEventArgs e)
    {
        // Get the parent application
        App thisApp = Application.Current as App;

        // Load the active customer into the viewmodel
        App.MainViewModel.LoadDetails(thisApp.SelectedBook,thisApp.SelectedGenre);

    }

这是Loadtails函数

public void LoadDetails(Book bcd,GenrePicker xyz)
    {
        Index = xyz.Index;
        BookTitle = bcd.BookTitle;
        Genre = bcd.Genre;
    }

我已经尝试模拟它，但是当我在Bookdetails页面的System.InvalidOperationException: SelectedIndex must always be set to a valid value.选择booktile this.DataContext = App.MainViewModel时显示错误

Answer 1

我的猜测是，在填充ListPicker的ItemsSource之前，问题是您的代码设置DataContext（这意味着也设置了ListPicker的选定索引）。这将导致选择ListPicker的不存在的-yet-项。在设置DataContext之前，尝试重新排序代码以填充ListPicker：

public BookDetail()
{
    InitializeComponent();
    List<GenrePicker> newpicker = new List<GenrePicker>();
    newpicker.Add(new GenrePicker() { Genre = "Comedy",Index = 0});
    newpicker.Add(new GenrePicker() { Genre = "Science", Index = 1 });
    newpicker.Add(new GenrePicker() { Genre = "Action", Index = 2});
    this.ListPicker.ItemsSource = newpicker;
    this.DataContext = App.MainViewModel;
}

Answer 2

而不是SelectedIndex = -1，请尝试SelectedItem = null，这更有意义。

当您设置SelectedIndex = -1时，您告诉ListPicker，“嘿，找到列表中的第-1个元素并将其设置为已选中。”然后你的ListPicker崩溃，因为它不理解ListPicker[-1]的含义。

将ListPicker中的selectedindex传递给另一个页面

2 个答案: