How can display listview from a datatable?

Question

This is design xaml: it include a listview display list image, title, subtilte.

             <ListView  x:Name="listView">
                <ListView.ItemTemplate>
                    <DataTemplate>
                        <ViewCell>
                            <StackLayout BackgroundColor="#eee"
                        Orientation="Vertical">
                                <StackLayout Orientation="Horizontal">
                                    <Image Source="{Binding image}" />
                                    <Label Text="{Binding title}"
                                TextColor="#f35e20" />
                                    <Label Text="{Binding subtitle}"
                                HorizontalOptions="EndAndExpand"
                                TextColor="#503026" />
                                </StackLayout>
                            </StackLayout>
                        </ViewCell>
                    </DataTemplate>
                </ListView.ItemTemplate>
            </ListView>

I add process load data to listview:

public ListAccount ()
        {
            InitializeComponent ();
            var dt = new System.Data.DataTable();
            dt.Columns.Add("image");
            dt.Columns.Add("title");
            dt.Columns.Add("subtitle");
            var dr = dt.NewRow();
            dr["image"] = "a.jpg";
            dr["title"] = "title";
            dr["subtitle"] = "subtitle1";
            dt.Rows.Add(dr);
            listView.ItemsSource = dt.DefaultView ;
        }

Result:

Why row not display?

How can display listview from a datatable?

Srusti Thakkar · Accepted Answer · 2018-08-09 12:08:19Z

Instead of Datatable try Model as below. It will display more beatiful

public ListAccount()
    {
        InitializeComponent();
        List<ItemModel> itemModels = new List<ItemModel>();
        itemModels.Add(new ItemModel()
        {
            Image = "Image1",
            SubTitle = "Subbtitle1",
            Title = "Title1"
        });
        itemModels.Add(new ItemModel()
        {
            Image = "Image2",
            SubTitle = "Subbtitle2",
            Title = "Title2"
        });
        listView.ItemsSource = itemModels;
    }

    public class ItemModel
    {
        public string Title { get; set; }
        public string Image { get; set; }
        public string SubTitle { get; set; }
    }

XAML Code:

 <ListView  x:Name="listView">
            <ListView.ItemTemplate>
                <DataTemplate>
                    <ViewCell>
                        <StackLayout BackgroundColor="#eee"
                    Orientation="Vertical">
                            <StackLayout Orientation="Horizontal">
                                <Image Source="{Binding Image}" />
                                <Label Text="{Binding Title}"
                            TextColor="#f35e20" />
                                <Label Text="{Binding SubTitle}"
                            HorizontalOptions="EndAndExpand"
                            TextColor="#503026" />
                            </StackLayout>
                        </StackLayout>
                    </ViewCell>
                </DataTemplate>
            </ListView.ItemTemplate>
        </ListView>

Ben · Accepted Answer · 2018-08-09 12:50:54Z

1

Declare a type:

public class MyType
{
    public string title { get; set; }
    // more properties

    public MyType(string title, /* more arguments */)
    {
        this.title = title;
        /* set more properties from arguments */ 
    }
}

Set ItemsSource:

listView.ItemsSource = 
    dt.Select().ToList().Select(r =>
        new MyType(r["title"] as string, /* more arguments */));

answered Aug 9, 2018 at 12:50

Ben

2,99512 silver badges13 bronze badges

Comments

Pratius Dubey · Accepted Answer · 2018-08-09 12:07:04Z

0

Any platform-specific code is not supported in a PCL. As with any platform-specific view you will need to implement a custom renderer. This blog post describes how to do that.

answered Aug 9, 2018 at 12:07

Pratius Dubey

6736 silver badges20 bronze badges

Collectives™ on Stack Overflow

How can display listview from a datatable?

3 Answers 3

Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related