how to dynamically update listview based on values of class

Question

I am developing a contact book application wherein I have a listview with a add button. On clicking the add button it redirects the user to a modal page asking for it's name, email id, institution. All of this details are saved in a ContactDetails class. On clicking done button on the modal page I want to display the contents in my listview.

Any suggestions on how to implement this successfully.

Code am currently working on are as follows: ContactDetails.cs

public class ContactDetails
{
    public string Name { get; set; }
    public string Inst { get; set; }
    public string EmailId { get; set;}  
    public int Mob { get; set;}
}

ContactDetailsModalPage.xaml.cs

public partial class ContactDetailsModalPage: ContentPage
{
    CandidateDetails cd = new CandidateDetails();
    async void OnDoneClicked(object sender, System.EventArgs e)
    {
        cd.Name = (string)candNameEntry.Text; 
        cd.Inst = (string)candInst.Text;
        cd.EmailId = (string)candEmailId.Text;
        cd.Mob = Convert.ToInt32(candMobNumber.Text);

        List<ContactDetails> candList = new List<ContactDetails>();
        candList.Add(cd);

        await Navigation.PopModalAsync();

    }


    public CandidateDetailsModalPage()
    {
        InitializeComponent();

    }
}

I am not able to understand as to what should I provide as the itemsource for my listview so that it can dynamically display the value that are stored in the ContactDetails class by modal page.

In Xamarin Forms, any property i.e candList assigned to [ListView] will automatically listen to the changes and will update the view! — Smit
– Smit, Commented Feb 27, 2017 at 16:59

Jason · Accepted Answer · 2017-02-27 17:00:22Z

1

You need to use an ObservableCollection instead of a List. An ObservableCollection will notify any data bound element of changes.

answered Feb 27, 2017 at 17:00

Jason

89.5k15 gold badges137 silver badges151 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

woelliJ · Accepted Answer · 2017-02-28 06:25:08Z

1

I'm afraid you're giving us too little information.

Are you using the MVVM pattern? If not: You need a reference to the ListView and add a new Cell. If yes: Please post your ViewModel holding the bound ContactDetails List.
Like @Jason said, if there is a List of ContactDetails that is bound to the ItemsSourceof the ListView - it needs to be an ObservableCollection<ContactDetails>. All you have do do in your ClickHandler is to get a reference to that List and add / insert the new item.

answered Feb 28, 2017 at 6:25

woelliJ

1,49410 silver badges18 bronze badges

Collectives™ on Stack Overflow

how to dynamically update listview based on values of class

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related