Xamarin Forms - how to display/Bind List in ListView?

Question

I'm creating a cart where i store all of my orders , How to display List in ListView?

i tried doing these codes

CustomerOrder.cs

public class CustomerOrder
    {
        public string menuname { get; set; }
        public string price { get; set; }
        public string qty { get; set; }
        public string mcode { get; set; }
    }

    public class CustList
    {
        //i want to display/bind this in Listview
        public List<CustomerOrder> CUSTOMER_ORDER { get; set; }
    }

OrderCart.xaml

<ListView x:Name="MyCart" ItemSelected="MyCart_ItemSelected"  ItemsSource="{Binding CUSTOMER_ORDER}" RowHeight="50">
        <ListView.ItemTemplate>
            <DataTemplate>
                <ViewCell >
                    <Grid>

                                <StackLayout Orientation="Horizontal">
                                    <Label  Text="{Binding menuname}" Font="30" TextColor="Black" FontAttributes="Bold"/>
                                    <Label  Text="{Binding qty}" Font="30" TextColor="Black" FontAttributes="Bold"/>
                                    <Label  Text="{Binding price}" Font="30" TextColor="Black" FontAttributes="Bold"/>
                                    <Label  Text="{Binding mcode}" Font="30" TextColor="Black" FontAttributes="Bold"/>
                                </StackLayout>
                  </Grid>
                </ViewCell>
            </DataTemplate>
        </ListView.ItemTemplate>

    </ListView>

I don’t see a two dimensional array in your sample. Is there code missing? — Neil
– Neil, Commented Sep 8, 2018 at 5:21
@SwapnilShah i editted it i meant List not array thank you! for the correction. — AgentRed
– AgentRed, Commented Sep 8, 2018 at 6:07

Karan Rami · Accepted Answer · 2018-09-08 07:06:44Z

4

You might missing PropertyChanged event.

public class CustList:INotifyPropertyChanged
    {
        //i want to display/bind this in Listview
        private List<CustomerOrder> _CUSTOMER_ORDER
        public List<CustomerOrder> CUSTOMER_ORDER 
        { 
          get{return _CUSTOMER_ORDER;}
          set{
              _CUSTOMER_ORDER=value;
              OnPropertyChanged("CUSTOMER_ORDER");
             } 
        }

        public event PropertyChangedEventHandler PropertyChanged;
        protected virtual void OnPropertyChanged(string propertyName)
        {
            PropertyChanged?.Invoke(this, 
            new PropertyChangedEventArgs(propertyName));
        }
    }

And one more thing is you have to apply bindingcontext for your xaml if you are missing that.

answered Sep 8, 2018 at 7:06

Karan Rami

3192 silver badges11 bronze badges

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

Comments

Neil · Accepted Answer · 2018-09-08 06:19:07Z

1

If MyCart is any instance of CustList,

In your bindings, you can {Binding CUSTOMER_ORDER.menuname}.

You have to give it path to the data.

answered Sep 8, 2018 at 6:19

Neil

6375 silver badges14 bronze badges

3 Comments

AgentRed Over a year ago

how do you give path?

AgentRed Over a year ago

` <ListView x:Name="MyCart" ItemsSource="{Binding CustList}" >`

AgentRed Over a year ago

just like this?

Collectives™ on Stack Overflow

Xamarin Forms - how to display/Bind List in ListView?

2 Answers 2

Comments

3 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

3 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related