Committing ListView Sample with WebAPI

Author: mageshyadavm

SfListViewSample.sln

@@ -0,0 +1,8 @@
+<?xml version="1.0" encoding="utf-8" ?>
+<Application xmlns="http://xamarin.com/schemas/2014/forms"
+             xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
+             x:Class="SfListViewSample.App">
+	<Application.Resources>
+    
+	</Application.Resources>
+</Application>

SfListViewSample/SfListViewSample/App.xaml

@@ -0,0 +1,32 @@
+using System;
+using Xamarin.Forms;
+using Xamarin.Forms.Xaml;
+
+[assembly: XamlCompilation (XamlCompilationOptions.Compile)]
+namespace SfListViewSample
+{
+	public partial class App : Application
+	{
+		public App ()
+		{
+			InitializeComponent();
+
+			MainPage = new MainPage();
+		}
+
+		protected override void OnStart ()
+		{
+			// Handle when your app starts
+		}
+
+		protected override void OnSleep ()
+		{
+			// Handle when your app sleeps
+		}
+
+		protected override void OnResume ()
+		{
+			// Handle when your app resumes
+		}
+	}
+}

SfListViewSample/SfListViewSample/App.xaml.cs

@@ -0,0 +1,77 @@
+using Newtonsoft.Json;
+using System;
+using System.Collections.Generic;
+using System.Collections.ObjectModel;
+using System.Text;
+
+namespace SfListViewSample
+{
+    /// <summary>
+    /// Implementation of RestService to be displayed.
+    /// </summary>
+    public class RestService : IRestService
+    {
+        #region Fields 
+
+        System.Net.Http.HttpClient client;
+
+        #endregion
+
+        #region Properties 
+
+        public ObservableCollection<Order> Items
+        {
+            get; private set;
+        }
+
+        public string RestUrl
+        {
+            get; private set;
+        }
+
+        #endregion
+
+        #region Constructor
+        public RestService()
+        {
+            client = new System.Net.Http.HttpClient();
+        }
+
+        #endregion
+
+        #region Methods
+        public async System.Threading.Tasks.Task<ObservableCollection<Order>> RefreshDataAsync()
+        {
+            RestUrl = "https://ej2services.syncfusion.com/production/web-services/api/Orders"; // Set your REST API url here
+            var uri = new Uri(RestUrl);
+            try
+            {
+                var response = await client.GetAsync(uri);
+
+                if (response.IsSuccessStatusCode)
+                {
+                    var content = await response.Content.ReadAsStringAsync();
+                    Items = JsonConvert.DeserializeObject<ObservableCollection<Order>>(content);
+                    return Items;
+                }
+            }
+            catch (Exception ex)
+            {
+            }
+            return null;
+        }
+
+        System.Threading.Tasks.Task<Order> IRestService.RefreshDataAsync()
+        {
+            throw new NotImplementedException();
+        }
+
+        #endregion
+    }
+
+    public interface IRestService
+    {
+        System.Threading.Tasks.Task<Order> RefreshDataAsync();
+    }
+
+}

SfListViewSample/SfListViewSample/Helper/RestServices.cs

@@ -0,0 +1,46 @@
+<?xml version="1.0" encoding="utf-8" ?>
+<ContentPage xmlns="http://xamarin.com/schemas/2014/forms"
+             xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
+             xmlns:local="clr-namespace:SfListViewSample"
+             xmlns:syncfusion="clr-namespace:Syncfusion.ListView.XForms;assembly=Syncfusion.SfListView.XForms"
+             x:Class="SfListViewSample.MainPage" Padding="10">
+    <ContentPage.BindingContext>
+        <local:OrdersViewModel x:Name="viewmodel"/>
+    </ContentPage.BindingContext>
+
+    <Grid >
+        <Grid.RowDefinitions>
+            <RowDefinition Height="50"/>
+            <RowDefinition Height="*"/>
+        </Grid.RowDefinitions>
+        <Label Text="Fetched data from REST Api" BackgroundColor="SlateBlue" FontSize="18" FontAttributes="Bold" TextColor="White" VerticalTextAlignment="Center" HorizontalTextAlignment="Center"/>
+        <syncfusion:SfListView x:Name="listView" ItemSize="90" ItemSpacing="5" Grid.Row="1"
+                               BackgroundColor="AliceBlue" ItemsSource="{Binding Items}">
+            <syncfusion:SfListView.ItemTemplate>
+                <DataTemplate>
+                    <Frame BorderColor="#757575" Padding="5">
+                        <Grid>
+                            <Grid.ColumnDefinitions>
+                                <ColumnDefinition Width="*"/>
+                                <ColumnDefinition Width="*"/>
+                            </Grid.ColumnDefinitions>
+                            <Grid.RowDefinitions>
+                                <RowDefinition Height="Auto"/>
+                                <RowDefinition Height="Auto"/>
+                                <RowDefinition Height="Auto"/>
+                            </Grid.RowDefinitions>
+                            <Label Grid.Row="0" Grid.Column="0" Text="Order Id  " HorizontalOptions="Start" TextColor="Black" FontSize="16" FontAttributes="Bold"/>
+                            <Label Grid.Row="1" Grid.Column="0" Text="Customer Id  " HorizontalOptions="Start" TextColor="Black" FontSize="16" FontAttributes="Bold"/>
+                            <Label Grid.Row="2" Grid.Column="0" Text="Ship Country  " HorizontalOptions="Start" TextColor="Black" FontSize="16" FontAttributes="Bold"/>
+
+                            <Label Grid.Row="0" Grid.Column="1" Text="{Binding OrderID}" HorizontalOptions="Start" TextColor="Black" FontSize="16" WidthRequest="100"/>
+                            <Label Grid.Row="1" Grid.Column="1" Text="{Binding CustomerID}" HorizontalOptions="Start" TextColor="Black" WidthRequest="100"/>
+                            <Label Grid.Row="2" Grid.Column="1" Text="{Binding ShipCountry}" HorizontalOptions="Start" TextColor="Black" WidthRequest="100"/>
+                        </Grid>
+                    </Frame>
+                </DataTemplate>
+            </syncfusion:SfListView.ItemTemplate>
+        </syncfusion:SfListView>
+
+    </Grid>
+</ContentPage>

SfListViewSample/SfListViewSample/MainPage.xaml

@@ -0,0 +1,24 @@
+using Newtonsoft.Json;
+using Syncfusion.DataSource;
+using Syncfusion.ListView.XForms;
+using System;
+using System.Collections.Generic;
+using System.Collections.ObjectModel;
+using System.Linq;
+using System.Net.Http;
+using System.Text;
+using System.Threading.Tasks;
+using Xamarin.Forms;
+
+namespace SfListViewSample
+{
+    public partial class MainPage : ContentPage
+    {
+        #region Constructor
+        public MainPage()
+        {
+            InitializeComponent();
+        }
+        #endregion
+    }
+}

SfListViewSample/SfListViewSample/MainPage.xaml.cs

@@ -0,0 +1,25 @@
+using System;
+using System.Collections.Generic;
+using System.ComponentModel;
+using System.Linq;
+using System.Text;
+using System.Threading.Tasks;
+using Xamarin.Forms;
+
+namespace SfListViewSample
+{
+    public class Order
+    {
+        public int OrderID { get; set; }
+        public string CustomerID { get; set; }
+        public int EmployeeID { get; set; }
+        public double Freight { get; set; }
+        public string ShipCity { get; set; }
+        public bool Verified { get; set; }
+        public DateTime OrderDate { get; set; }
+        public string ShipName { get; set; }
+        public string ShipCountry { get; set; }
+        public DateTime ShippedDate { get; set; }
+        public string ShipAddress { get; set; }
+    }
+}

SfListViewSample/SfListViewSample/Model/Order.cs

@@ -0,0 +1,21 @@
+<Project Sdk="Microsoft.NET.Sdk">
+
+  <PropertyGroup>
+    <TargetFramework>netstandard2.0</TargetFramework>
+  </PropertyGroup>
+
+  <ItemGroup>
+    <PackageReference Include="Newtonsoft.Json" Version="11.0.2" />
+    <PackageReference Include="Syncfusion.Xamarin.SfListView" Version="17.1.0.43" />
+    <PackageReference Include="Xamarin.Forms" Version="3.6.0.344457" />
+  </ItemGroup>
+
+  <ItemGroup>
+    <None Update="App.xaml">
+      <Generator>MSBuild:Compile</Generator>
+    </None>
+    <None Update="MainPage.xaml">
+      <Generator>MSBuild:Compile</Generator>
+    </None>
+  </ItemGroup>
+</Project>

SfListViewSample/SfListViewSample/SfListViewSample.csproj

@@ -0,0 +1,60 @@
+using System;
+using System.Collections.Generic;
+using System.Collections.ObjectModel;
+using System.ComponentModel;
+using System.Linq;
+using System.Net.Http;
+using System.Text;
+using System.Threading.Tasks;
+using Xamarin.Forms;
+
+namespace SfListViewSample
+{
+    public class OrdersViewModel : INotifyPropertyChanged
+    {
+        #region Fields
+
+        RestService restService;
+        public event PropertyChangedEventHandler PropertyChanged;
+        private ObservableCollection<Order> items;
+
+        #endregion
+
+        #region Properties
+        public ObservableCollection<Order> Items
+        {
+            get
+            {
+                return items;
+            }
+            set
+            {
+                items = value;
+                RaisepropertyChanged("Items");
+            }
+        }
+        #endregion
+
+        #region Constructor
+        public OrdersViewModel()
+        {
+            restService = new RestService();
+            //Item source which needs to be displayed on the list view.
+            items = new ObservableCollection<Order>();
+            GetData();
+        }
+        #endregion
+
+        #region Methods 
+        async void GetData()
+        {
+            Items = await restService.RefreshDataAsync();
+        }
+        void RaisepropertyChanged(string propertyName)
+        {
+            if (PropertyChanged != null)
+                PropertyChanged.Invoke(this, new PropertyChangedEventArgs(propertyName));
+        }
+        #endregion
+    }
+}