web-dev-qa-db-fra.com

Liaison du sélecteur Xamarin Forms

J'ai besoin d'aide pour mon projet sur Xamarin Forms. J'aimerais implémenter un simple sélecteur Xaml lié à 3 étiquettes, où lorsque je choisis une valeur dans le sélecteur, les étiquettes seront remplies automatiquement. (les données proviennent de SQLite). Voici ce que j'ai:

 <Picker x:Name="ListJobs" Title="Select Job"  ItemsSource="{Binding options}" ItemDisplayBinding="{Binding JobNo}" SelectedItem="{Binding SelectedJobs}"/>

 <Label Text="{Binding JobsId}" IsVisible="True" x:Name="TxtId"/>
 <Label Text="{Binding name}" IsVisible="True" x:Name="TxtName"/>
 <Label Text="{Binding location}" IsVisible="True" x:Name="TxtLoc"/>

Modèle

public class Jobs
{
public string JobsId {get;set;}
public string name {get;set;}
public string location {get;set;}

public Jobs(){}
}

Code derrière:

protected override OnAppearing()
{
 jobsInfo = (List<Jobs>) GetJob();
foreach (var item in jobsInfo)
{
  Jobs options = new Jobs
{
  JobsId = item.JobsId,
  name = item.name,
  location = item.location
};
BindingContext = options;
}
}
 private IEnumerable<Jobs> GetJobsInfo()
        {
            var db = _connection.Table<Jobs>();
            return db.ToList();
        }

Je voudrais sélectionner dans le sélecteur (comme la liste déroulante) et remplir les étiquettes. Pouvez-vous donner des indices? Merci d'avance pour ton aide

Santos

c#visual-studioxamarinxamarin.forms
5
prezequias

Tout d'abord, il y a des erreurs dans votre code.

1.Lorsque vous parcourez la boucle (les données que vous avez obtenues à partir de db), les options sont toujours mises à jour avec de nouvelles données (afin qu'elles soient générées à l'aide du dernier objet), et vous les définissez sur BindingContext. Vous devez définir un modèleVoir ici plutôt un modèle.

2. La source itemS Picker doit être un list, cependant vous définissez un modèle ici.

3. Le viewmodel doit implémenter INotifyPropertyChanged pour notifier les modifications.

Je pense que ce que vous avez le plus besoin de comprendre n'est pas ce sélecteur, c'est comment travailler avec la reliure.

Propriétés liables

Bases de la liaison de données

des liaisons de données à MVVM

Bon, revenons à cette affaire. Ce dont vous avez besoin est ici

J'ai simplifié la démo et vous pouvez vous y référer.

  • XAML

    <Picker x:Name="picker" 
        Title="Select Job" 
        ItemsSource="{Binding JobList}"
        ItemDisplayBinding="{Binding Name}"
        SelectedItem="{Binding SelectedJob}"/>

<Label Text="{Binding SelectedJob.JobsId}" IsVisible="True" x:Name="TxtId" Margin="0,100,0,0"/>
<Label Text="{Binding SelectedJob.Name}" IsVisible="True" x:Name="TxtName"/>
<Label Text="{Binding SelectedJob.Location}" IsVisible="True" x:Name="TxtLoc"/>

  • Modèle et ViewModel:

    public class Jobs
{
    public string JobsId { get; set; }
    public string Name { get; set; }
    public string Location { get; set; }
}

public class RootModel : INotifyPropertyChanged
{

    List<Jobs> jobList;
    public List<Jobs> JobList
    {
        get { return jobList; }
        set
        {
            if (jobList != value)
            {
                jobList = value;
                OnPropertyChanged();
            }
        }
    }

    Jobs selectedJob;
    public Jobs SelectedJob
    {
        get { return selectedJob; }
        set
        {
            if (selectedJob != value)
            {
                selectedJob = value;
               OnPropertyChanged();
            }
        }
    }


    public event PropertyChangedEventHandler PropertyChanged;

    protected virtual void OnPropertyChanged([CallerMemberName] string propertyName = null)
    {
        PropertyChangedEventHandler handler = PropertyChanged;
        if (handler != null)
        {
            handler(this, new PropertyChangedEventArgs(propertyName));
        }
    }
}

  • Code derrière:

     public MainPage()
 {
      InitializeComponent();

      this.BindingContext = new RootModel
      {
          JobList = GetJobsInfo()
      };
 }

 private List<Jobs> GetJobsInfo()
 {
      var db = _connection.Table<Jobs>();
      return db.ToList();
 }

  • Mon test:

    enter image description here

17
Cole Xia - MSFT

XAML:

<Picker x:Name="ListJobs" Title="Select Job" ItemsSource="{Binding AllJobs}"
        ItemDisplayBinding="{Binding Name}" SelectedItem="{Binding SelectedJob}"/>
<Label Text="{Binding SelectedJob.JobId}" IsVisible="True" x:Name="TxtId"/>
<Label Text="{Binding SelectedJob.Name}" IsVisible="True" x:Name="TxtName"/>
<Label Text="{Binding SelectedJob.Location}" IsVisible="True" x:Name="TxtLoc"/>

Modèle:

public class Job
{
    public string JobId { get; set; }
    public string Name { get; set; }
    public string Location {get; set; }
}

public class JobModel
{
    public List<Job> AllJobs { get; set; }
    public Job SelectedJob { get; set; }
}

Code derrière:

protected override OnAppearing()
{
    BindingContext = new JobsModel {
        AllJobs = GetJobs()
    };
}

private List<Jobs> GetJobs()
{
    var db = _connection.Table<Jobs>();
    return db.ToList();
}
1
Olexiy Sadovnikov