动态创建GridViewItem XAML

Question

I have a list that will not always have the same number of objects in it, could be 1, 10, 15, etc. Right now I am just guessing and placing that guessed amount of GridviewItems in my XAML . I want to dynamically build the GridviewItems based on the amount of objects in my list. I have have this in a loop of course, I am just unsure of how to do this in c# . I will show you the XAML I have right now that is not dynamically creating the GridviewItems .

<Grid Background="LightGray">
    <Grid.RowDefinitions>
        <RowDefinition Height="Auto" />
        <RowDefinition />
    </Grid.RowDefinitions>

    <controls:PageHeader BackButtonVisibility="Collapsed" Content="News" Frame="{x:Bind Frame}">
        <Interactivity:Interaction.Behaviors>
            <Behaviors:EllipsisBehavior Visibility="Auto" />
        </Interactivity:Interaction.Behaviors>
        <controls:PageHeader.SecondaryCommands>
            <AppBarButton Click="{x:Bind ViewModel.GotoPrivacy}" Label="Privacy" />
            <AppBarButton Click="{x:Bind ViewModel.GotoAbout}" Label="About" />
        </controls:PageHeader.SecondaryCommands>
    </controls:PageHeader>

    <GridView Margin="12,60" ItemsSource="{Binding myList}">
        <GridView.ItemsPanel>
            <ItemsPanelTemplate>
                <ItemsWrapGrid Orientation="Vertical" />
            </ItemsPanelTemplate>
        </GridView.ItemsPanel>
        <GridView.ItemContainerStyle>
            <Style TargetType="GridViewItem">
                <Style.Setters>
                    <Setter Property="Template">
                        <Setter.Value>
                            <ControlTemplate>
                                <Grid Background="#2A2A2A" Margin="5" Height="200" Width="300">
                                    <ContentPresenter />
                                </Grid>
                            </ControlTemplate>
                        </Setter.Value>
                    </Setter>
                </Style.Setters>
            </Style>
        </GridView.ItemContainerStyle>
    </GridView>
</Grid>

Web Service

[OperationContract]
List<ViewDetails> ViewDetails();

[DataContract]
public class ViewDetails
{
    public string TitleView { get; set; }
    public string BodyView { get; set; }
    public string AuthorView { get; set; }

    public ViewDetails() { }
    public ViewDetails(string myTitleView, string myBodyView, string myAuthorView)
    {
        this.TitleView = myTitleView;
        this.BodyView = myBodyView;
        this.AuthorView = myAuthorView;
    }
}

 public List<ViewDetails> ViewDetails()
    {
        List<ViewDetails> details = new List<ViewDetails>();

        SqlConnection conn = new SqlConnection(strConnString);
        conn.Open();
        SqlCommand cmd = new SqlCommand("SELECT TOP 2 [My_Title] AS 'Title', [My_Body] AS 'Body', [My_Author] AS 'Author' FROM [My_table] ORDER BY [Date] DESC", conn);
        SqlDataReader rdrDetails = cmd.ExecuteReader();

        try
        {
            while (rdrDetails.Read())
            {
                details.Add(new ViewDetails(rdrDetails.GetSqlString(rdrDetails.GetOrdinal("Title")).ToString(), rdrDetails.GetSqlString(rdrDetails.GetOrdinal("Body")).ToString(), rdrDetails.GetSqlString(rdrDetails.GetOrdinal("Author")).ToString()));
            }
        }
        catch (Exception e)
        {
            //exception
        }
        finally
        {
            conn.Close();
        }

        return details;
    }

Project where I am calling web service

 public async void ViewData()
 {
        ServiceReference1.Service1Client client = new ServiceReference1.Service1Client();
        string title = string.Empty;
        string body = string.Empty;
        string author = string.Empty;

        var res = await client.ViewDetailsAsync();
        for (int i = 0; i < res.Count; i++)
        {
           myList.Add(new GetDetails(res[i].TitleView, res[i].BodyView, res[i].AuthorView));
        }
  }

   public class GetDetails
    {
        public string TitleView { get; set; }
        public string BodyView { get; set; }
        public string AuthorView { get; set; }

        public GetDetails() { }
        public GetDetails(string titleView, string bodyView, string authorView)
        {
            this.TitleView = titleView;
            this.BodyView = bodyView;
            this.AuthorView = authorView;
        }
    }

What I am looking for is some way to programatically build the GridViewItems ... Any suggestions?

Answer 1

Just bind ItemsSource

    <GridView Margin="12,60" ItemsSource={Binding ItemsList}>
...
    </GridView>

EDIT:

1) You can use DataGrid like this

<DataGrid ItemsSource="{Binding TestDataCollection}">
    <DataGrid.Columns>
        <DataGridTextColumn Header="Title" Binding="{Binding TitleView}"/>
        <DataGridTextColumn Header="Body" Binding="{Binding BodyView}"/>
        <DataGridTextColumn Header="Author" Binding="{Binding AuthorView}"/>
    </DataGrid.Columns>
</DataGrid>

2) Or ListView

<ListView ItemsSource="{Binding TestDataCollection}">
      <ListView.View>
          <GridView>
              <GridViewColumn Header="Author" DisplayMemberBinding="{Binding Path=AuthorView}"/>
              <GridViewColumn Header="Title" DisplayMemberBinding="{Binding Path=TitleView}"/>
          </GridView>
      </ListView.View>
 </ListView>

3) Or ListBox

<ListBox ItemsSource="{Binding TestDataCollection}">
    <ListBox.ItemTemplate>
        <DataTemplate>
            <StackPanel Orientation="Horizontal">
                <TextBlock Text="{Binding AuthorView}"/>
                <TextBlock Text="{Binding TitleView}"/>
            </StackPanel>
        </DataTemplate>
    </ListBox.ItemTemplate>
</ListBox>