bind List to GridViewColumn

Question

I have a GridView like following.

<Grid>
    <ListView Margin="8,44,8,50" TabIndex="57" Name="CustomFieldList">
        <ListView.View>
            <GridView AllowsColumnReorder="False">
                <GridViewColumn Header="Semester Name" Width="120" DisplayMemberBinding="{Binding FieldName}"/>
                <GridViewColumn Header="Subjects" Width="150" DisplayMemberBinding="{Binding TypeValidations}"/>
            </GridView>
        </ListView.View>
    </ListView>
</Grid>

My class is;

  public class DigreePrograme
  {
      public string semester{ get; set; }
      public List<string> subjects { get; set; }
  }

I have an observer collection and I have bound that to list.

static ObservableCollection<DigreePrograme> digreeList = new   ObservableCollection<DigreePrograme>();
public ObservableCollection<DigreePrograme> DigreeList
{ 
    get { return digreeList }
    set { digreeList = value; OnPropertyChanged("DigreeList"); }  
}

on the FormFoad

CustomFieldList.ItemsSource=DigreeList;

Issue
semester property displays perfectly. But Subject List not. It displys as Collection. How to fix this?

so you want to display a list in a column cell? – sa_ddam213 Jan 09 '13 at 08:13 — sa_ddam213, Jan 09 '13 at 08:13
@sa_ddam213- Yes. you are correct. – New Developer Jan 09 '13 at 09:35 — New Developer, Jan 09 '13 at 09:35

score 7 · Accepted Answer · answered Jan 09 '13 at 09:49

You could add a ItemsControl in a DataTemplate in your GridViewColumn to show all the Subject items

xaml:

<Window x:Class="WpfApplication11.MainWindow"
        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
        Title="MainWindow" Height="275" Width="275" x:Name="UI">
    <Grid>
        <ListView Name="CustomFieldList" ItemsSource="{Binding ElementName=UI, Path=DigreeList}" >
            <ListView.View>
                <GridView AllowsColumnReorder="False">
                    <GridViewColumn Header="Semester Name" Width="120" DisplayMemberBinding="{Binding Semester}"/>
                    <GridViewColumn Header="Subjects" Width="150" >
                        <GridViewColumn.CellTemplate>
                            <DataTemplate>
                                <ItemsControl ItemsSource="{Binding Subjects}" Width="150" />
                            </DataTemplate>
                        </GridViewColumn.CellTemplate>
                    </GridViewColumn>
                </GridView>
            </ListView.View>
        </ListView>
    </Grid>
</Window>

Code:

public partial class MainWindow : Window 
{
    public MainWindow()
    {
        InitializeComponent();
        DigreeList.Add(new DigreePrograme { Semester = "Semester 1", Subjects = new List<string>(new string[] {"Math","Art","Engish" }) });
    }

    private ObservableCollection<DigreePrograme> digreeList = new ObservableCollection<DigreePrograme>();
    public ObservableCollection<DigreePrograme> DigreeList
    {
        get { return digreeList; }
        set { digreeList = value;}
    }   
}

public class DigreePrograme
{
    public string Semester { get; set; }
    public List<string> Subjects { get; set; }
}

result:

enter image description here

It works. Thank you very much. I searched hours. but did not find answer. Another small quetion. Can we align the entries to top. Now it is on center. — New Developer, Jan 09 '13 at 09:55
Ok. Fixed it. This helped me.[http://stackoverflow.com/questions/4883182/content-alignment-for-gridviewcolumn-in-the-listview] — New Developer, Jan 09 '13 at 10:09

score 0 · Answer 2 · answered Jan 09 '13 at 08:36

I would suggest you create a new string property on your view model that would just concatenate your collection and return that. It would be the simplest way to go about this..

  public class DigreePrograme
    {
        public string semester { get; set; }
        public List<string> subjects { get; set; }
        public string SubjectsDisplay
        {
            get
            {
                string returnVal = string.Empty;
                foreach (string subject in subjects)
                {
                    returnVal += subject + ", ";
                }
                return returnVal.TrimEnd(',', ' ');
            }
        }
    }

something like that may help.

obviously change your binding also :)

cheers. ste.

Thanks for the reply. If I have no option, definitly I'll choose this. — New Developer, Jan 09 '13 at 08:54
@NewDeveloper no problem, ill continue to have a think.. hopefully something will popup :) — Steoates, Jan 09 '13 at 08:59

bind List to GridViewColumn

2 Answers2