Search code examples
c#wpfxamlinfragisticsxamdatagrid

WPF- Not able to Bind XamDatagrid with observable collection


I am doing developing one application where i am using infragistics and wpf to display data. My code looks like this

<Grid>
    <ItemsControl x:Name="MyItemContol"  ItemsSource="{Binding ViewSetList}" 
VerticalAlignment="Stretch" HorizontalAlignment="Stretch">

        <ItemsControl.ItemTemplate>
            <DataTemplate>

                <igDP:XamDataGrid  DataSource="{Binding ViewSetList}" >
                    <igDP:XamDataGrid.FieldLayouts>
                        <igDP:FieldLayout>
                            <igDP:FieldLayout.Fields>

                                <igDP:Field Name="PARAMETER">
                                    <igDP:Field.Settings>
                                        <igDP:FieldSettings AllowEdit="False" />
                                    </igDP:Field.Settings>

                                </igDP:Field>

                                <igDP:Field Name="VALUE">
                                    <igDP:Field.Settings>
                                        <igDP:FieldSettings AllowEdit="False"   />
                                    </igDP:Field.Settings>
                                </igDP:Field>
                                <igDP:Field Name="UNIT">
                                    <igDP:Field.Settings>
                                        <igDP:FieldSettings AllowEdit="False" />
                                    </igDP:Field.Settings>
                                </igDP:Field>
                                <igDP:Field Name="INSTANCE">
                                    <igDP:Field.Settings>
                                        <igDP:FieldSettings AllowEdit="False" />
                                    </igDP:Field.Settings>
                                </igDP:Field>

                            </igDP:FieldLayout.Fields>
                        </igDP:FieldLayout>
                    </igDP:XamDataGrid.FieldLayouts>

                </igDP:XamDataGrid>


            </DataTemplate>
        </ItemsControl.ItemTemplate>

    </ItemsControl>
</Grid>

This xaml file contains four fields Parameter,value,unit and instances.

 public partial class MainWindow : Window 
    {
        private ObservableCollection<Parameters> viewSetList = new 
        ObservableCollection<Parameters>();

        public MainWindow()
        {
        InitializeComponent();

        //Add data to the collection
        viewSetList.Add(new Parameters() { PARAMETER="abc",  INSTANCE="def" , UNIT="hhshhd", VALUE="hahha" });


    }


public class Parameters:  INotifyPropertyChanged
{
    private string parameterName = string.Empty;

    public string PARAMETER
    {
        get { return parameterName; }
        set { parameterName = value; }
    }
    private string parameterValue = string.Empty;

    public string VALUE
    {
        get { return parameterValue; }
        set { parameterValue = value; }
    }
    private string parameterUnit = string.Empty;

    public string UNIT
    {
        get { return parameterUnit; }
        set { parameterUnit = value; }
    }
    private string instance = string.Empty;

    public string INSTANCE
    {
        get { return instance; }
        set { instance = value; }
    }       

    public event PropertyChangedEventHandler PropertyChanged;
    private void onPropertyChanged(object sender, string propertyName)
    {
        if (this.PropertyChanged != null)
        {
            PropertyChanged(sender, new PropertyChangedEventArgs(propertyName));
        }
    }
}

When i executed it is displaying only blank screen. But i have included ItemsSource="{Binding ViewSetList}" in the xaml file. Could any one tell me why the binding is not happening?

Should i need bind XamDataGrid also?

Help will be highly appreciated.

THANKS


Solution

  • Why did you put the XamDataGrid inside an ItemsControl? You don't need the ItemsControl.

    Remove it and make ViewSetList a public property and set the DataContext of the window to itself:

    public partial class MainWindow : Window
    {
        private ObservableCollection<Parameters> _viewSetList = new ObservableCollection<Parameters>();
        public ObservableCollection<Parameters> ViewSetList { get { return _viewSetList; } }
    
        public MainWindow()
        {
            InitializeComponent();
    
            //Add data to the collection
            _viewSetList.Add(new Parameters() { PARAMETER = "abc", INSTANCE = "def", UNIT = "hhshhd", VALUE = "hahha" });
    
            DataContext = this;
        }
    }
    

    You can then bind the XamDataGrid to the property:

    <Grid>
        <ItemsControl.ItemTemplate>
            <DataTemplate>
                <igDP:XamDataGrid DataSource="{Binding ViewSetList}" >
                    <igDP:XamDataGrid.FieldLayouts>
                        <igDP:FieldLayout>
                            <igDP:FieldLayout.Fields>
                                <igDP:Field Name="PARAMETER">
                                    <igDP:Field.Settings>
                                        <igDP:FieldSettings AllowEdit="False" />
                                    </igDP:Field.Settings>
                                </igDP:Field>
                                <igDP:Field Name="VALUE">
                                    <igDP:Field.Settings>
                                        <igDP:FieldSettings AllowEdit="False"   />
                                    </igDP:Field.Settings>
                                </igDP:Field>
                                <igDP:Field Name="UNIT">
                                    <igDP:Field.Settings>
                                        <igDP:FieldSettings AllowEdit="False" />
                                    </igDP:Field.Settings>
                                </igDP:Field>
                                <igDP:Field Name="INSTANCE">
                                    <igDP:Field.Settings>
                                        <igDP:FieldSettings AllowEdit="False" />
                                    </igDP:Field.Settings>
                                </igDP:Field>
    
                            </igDP:FieldLayout.Fields>
                        </igDP:FieldLayout>
                    </igDP:XamDataGrid.FieldLayouts>
                </igDP:XamDataGrid>
            </DataTemplate>
        </ItemsControl.ItemTemplate>
    </Grid>
    

    You cannot bind to private fields.