Array of string not binding to the listview

Question

I'm trying to bind an array to list view. It's not binding and showing blank. I used Model class to place array.

View Model:

public class RunningLateOptions
    {
      public string[] runningLateOptions = new[] { "30 Mins", "1 Hour", "1:30 Hour", "2 Hours" };
        public string[] runningLateOption
        {
           get{ return runningLateOptions; }
        }
    }

XAML code:

<ListView x:Name="RunningLateOptions" ItemsSource="{Binding RunningLateOptions}" ItemSelected="runningLateSelectedItem">
     <ListView.ItemTemplate>
        <DataTemplate>
          <Label x:Name="listItems" Text="{Binding runningLateOption}" HorizontalTextAlignment="Center"/>
        </DataTemplate>
     </ListView.ItemTemplate>
</ListView>

I'm not able to understand what's wrong with this. Help me.

Where is this array of strings? in your ViewModel or Xaml.cs? — FreakyAli
– FreakyAli, Commented Jan 21, 2020 at 10:49

Nikhil · Accepted Answer · 2020-01-21 10:57:13Z

2

You need to modify the xaml as follows:-

<ListView x:Name="RunningLateOptions" ItemsSource="{Binding runningLateOption}" ItemSelected="runningLateSelectedItem">
     <ListView.ItemTemplate>
        <DataTemplate>
          <Label x:Name="listItems" Text="{Binding .}" HorizontalTextAlignment="Center"/>
        </DataTemplate>
     </ListView.ItemTemplate>
</ListView>

Let me know if you face more difficulties.

answered Jan 21, 2020 at 10:57

Nikhil

3,3871 gold badge10 silver badges17 bronze badges

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

2 Comments

Nikhil Over a year ago

Did you modify the ItemSource ItemsSource="{Binding runningLateOption}" ?

Nikhil Over a year ago

You need to implement INotifyPropertyChanged in the ViewModel, you can do that by using MVVMHelpers Nuget Package and use it as properties are declared in ViewModel

Lucas Zhang · Accepted Answer · 2020-01-21 12:44:23Z

1

The type ItemsSource of ListView or CollectionView should be a list which implement the Interface IEnumerable .

So we normally set it as an ObservableCollection<T> or List<T> .

In your case , you could set the ItemsSource of the ListView like

public ObservableCollection<string> RunningLateOptions {get; set;}

ObservableCollection has implemented the Interface INotifyPropertyChanged. So you don't need to implement it any more .

For more details about ListView you could refer https://learn.microsoft.com/en-us/xamarin/xamarin-forms/user-interface/listview/data-and-databinding

<ListView x:Name="RunningLateOptions" ItemsSource="{Binding RunningLateOptions}" ItemSelected="runningLateSelectedItem">
   <ListView.ItemTemplate>
       <DataTemplate>
           <StackLayout VerticalOptions="FillAndExpand" HorizontalOptions="FillAndExpand">
              <Label x:Name="listItems" Text="{Binding runningLateOption}" HorizontalTextAlignment="Center"/>
           </StackLayout>
       </DataTemplate>
   </ListView.ItemTemplate>
</ListView>

edited Jan 21, 2020 at 12:44

answered Jan 21, 2020 at 11:15

Lucas Zhang

18.9k3 gold badges14 silver badges22 bronze badges

3 Comments

Lucas Zhang Over a year ago

You could share a sample so that I can test it on my side .

Priyanka Over a year ago

I provided the Listview and View Model above. I not using except that. Just that array is not binding to the listview.

Lucas Zhang Over a year ago

Provide the screen shot of the effect on your device .

Priyanka · Accepted Answer · 2020-01-21 13:18:53Z

1

I gave the array of strings in the CS file and bind to listview by using itemsource. I didn't use any View model here.

CS code:

string[] runningLateOptions = { "30 Mins", "1 Hour", "1:30 Hour", "2 Hours"  };
RunningLateOptions.ItemsSource = runningLateOptions;

XAML code:

<ListView x:Name="RunningLateOptions" ItemsSource="{Binding Items}" ItemSelected="runningLateSelectedItem">
   <ListView.ItemTemplate>
     <DataTemplate>
        <ViewCell>
          <Label BackgroundColor="Transparent" x:Name="listItems" Text="{Binding}" TextColor="Black" HorizontalOptions="Center"></Label>
         </ViewCell>
     </DataTemplate>
   </ListView.ItemTemplate>
</ListView>

TextCell not providing the HorizontalTextAlignment attribute. That's why I used view cell for the label.

Thanks for helping me. Click here to see the output

edited Jan 21, 2020 at 13:18

answered Jan 21, 2020 at 13:01

Priyanka

1582 silver badges17 bronze badges

1 Comment

Lucas Zhang Over a year ago

Don't forget to accept your answer , which will help more people .

Collectives™ on Stack Overflow

Array of string not binding to the listview

3 Answers 3

2 Comments

3 Comments

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

2 Comments

3 Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related