0

こんにちは、データをバインドしようとしています。私は人々のリストを持っています。これらのそれぞれをタップすると、ユーザーは詳細ページに移動します。

各項目をタップすると、Web からデータを取得して解析します。

    public ObservableCollection<ItemViewModel> PeopleDetails { get; set; }

MainViewModelで宣言した上記の行

ItemViewModel.cs

 public class ItemViewModel : INotifyPropertyChanged
  {

      private string _person_name;
    public string _Person_name
    {
        get { return _person_name; }

        set
        {
            if (value != _person_name)
            {
                _person_name= value;
                NotifyPropertyChanged("_Person_name");
             }
        }
    }

    private string _person_info;
    public string _Person_info
    {
        get { return _person_info; }

        set
        {
            if (value != _person_info)
            {
                _person_info= value;
                NotifyPropertyChanged("_Person_info");
            }
        }
    }

    private string _person_image_link;
    public string _Person_image_link
    {
        get { return _person_image_link; }
        set
        {
            if (value != _person_image_link)
            {
                _person_image_link= value;
                NotifyPropertyChanged("_Person_image_link");
            }
        }
    }

    public event PropertyChangedEventHandler PropertyChanged;
    private void NotifyPropertyChanged(String propertyName)
    {
        PropertyChangedEventHandler handler = PropertyChanged;
        if (null != handler)
        {
            handler(this, new PropertyChangedEventArgs(propertyName));
        }
    }

  }

各アイテムのタップで、次のコードを実行しています

       private void getPeopleDetails(object sender, SelectionChangedEventArgs e)
    {

        // Navigate to the new page
        if (e.AddedItems != null && e.AddedItems.Count == 1)
        {
            People selectedItem = (People)e.AddedItems[0];
            NavigationService.Navigate(new Uri("/PeopleDetailsView.xaml?id="+selectedItem.id, UriKind.Relative));


        }
    }

次に、PeopleDetailsView.xaml.cs で私のコードは次のとおりです。

       public PeopleDetailsView()
    {
        DataContext = App.Model;
        InitializeComponent();
        Loaded+=new RoutedEventHandler(PeopleDetailsView_Loaded);
    }

    private void PeopleDetailsView_Loaded(Object sender ,RoutedEventArgs e){
        string id = "";
        if (NavigationContext.QueryString.TryGetValue("id",out id))
        {
            string url = "*****&id=" + id;";

            WebClient client = new WebClient();
            client.DownloadStringCompleted += new DownloadStringCompletedEventHandler(client_DownloadStringCompletedC);
            client.DownloadStringAsync(new Uri(url));
        }
      }

     private void client_DownloadStringCompletedC(object sender, DownloadStringCompletedEventArgs e)
    {
        try
        {

            JToken a = JObject.Parse(e.Result);
            App.Model.PeopleDetails.Add(
             new ItemViewModel()
             {
                 _Person_info = a.SelectToken("info").ToString(),
                 _Person_image_link = a.SelectToken("image_link").ToString(),
                 _Person_name = a.SelectToken("name").ToString(),
             }
            );

        }
        catch (Exception execp)
        {
            MessageBox.Show(execp.Message.ToString());
        }

    }

最後に、次のように PeopleDetailsView.xaml のデータをバインドしています

     <Grid x:Name="ContentPanel" DataContext="{Binding PeopleDetails}" Grid.Row="1" Margin="12,0,12,0">
        <Grid.RowDefinitions>
            <RowDefinition Height="269*" />
            <RowDefinition Height="338*" />
        </Grid.RowDefinitions> 
        <Image Height="250" HorizontalAlignment="Left" Margin="12,6,0,0" Name="image1" Stretch="Fill" Source="{Binding _Person_image_link}" VerticalAlignment="Top" Width="246" />
        <ScrollViewer Grid.Row="1" Height="274" HorizontalAlignment="Left" Margin="12,42,0,0" Name="scrollViewer1" VerticalAlignment="Top" Width="420">
            <TextBlock Height="264" Name="textBlock1" Text="{Binding _Person_info}" />
        </ScrollViewer>
    </Grid>
</Grid>

しかし、PeopleDetailsView では、表示されているデータを確認できません。私を助けてください

4

1 に答える 1

0

ViewModel にはアイテムの ObservableCollection があり、子の 1 つのプロパティに直接バインドしています。代わりに、ListBox を使用してバインディングをテンプレート化する必要があります。

<ListBox x:Name="ContentPanel" ItemsSource="{Binding PeopleDetails}" Grid.Row="1" Margin="12,0,12,0">
    <ListBox.ItemTemplate>
        <DataTemplate>
            <Image Height="250" HorizontalAlignment="Left" Margin="12,6,0,0" Name="image1" Stretch="Fill" Source="{Binding _Person_image_link}" VerticalAlignment="Top" Width="246" />
            <ScrollViewer Grid.Row="1" Height="274" HorizontalAlignment="Left" Margin="12,42,0,0" Name="scrollViewer1" VerticalAlignment="Top" Width="420">
                <TextBlock Height="264" Name="textBlock1" Text="{Binding _Person_info}" />
        </ScrollViewer>
        </DataTemplate>
    </ListBox.ItemTemplate>
</ListBox>
于 2013-04-26T18:29:22.043 に答える