DataGrid Template example with xceed Datagrid Template

Question

im new to the xceed datagrid and i tried to clone my code for my normal datagrid, but it won´t work with the xceed datagrid.
Here is my example:

<DataGrid Itemsource="{Binding Path=list}" AutoGenerateColumns="False">
  <DataGrid.Columns>
    <DataGridTextColumn Header="Name" Binding="{Binding Path=Name}"/>
  </DataGrid.Columns>
</DataGrid>

So, how does this work with the xceed datagrid?
Greetings

*What* exactly won't work with the xceed datagrid? Are you getting any errors? — diiN__________, Mar 23 '16 at 12:41
The Syntax for the xceed datagrid isnt the same and i dont find any solution to do the same with the xceed datagrid... :/ — Fridolin Tam, Mar 23 '16 at 15:51

score 2 · Answer 1 · answered May 03 '16 at 20:06

In the case of the Xceed DataGridControl, the ItemsSource is a DataGridCollectionView.

Here is a quick example:

<Window.Resources>
    <xcdg:DataGridCollectionViewSource x:Key="mySource" Source="{Binding Path=list}" />
</Window.Resources>

<Grid>
    <xcdg:DataGridControl ItemsSource="{Binding Source={StaticResource mySource}}" AutoCreateColumns="False">
        <xcdg:DataGridControl.Columns>
            <xcdg:Column FieldName="FirstName" Title="First Name" />
            <xcdg:Column FieldName="LastName" Title="Last Name" />
        </xcdg:DataGridControl.Columns>
    </xcdg:DataGridControl>
</Grid>

score 0 · Answer 2 · answered Nov 08 '18 at 11:11

first add the namespace

xmlns:xcdg="http://schemas.xceed.com/wpf/xaml/datagrid"

To use DatagridControl, you should try like this -

 <xcdg:DataGridControl ItemsSource="{Binding PersonList}" 
                          Margin="0,0,0,100"
                          ReadOnly="{Binding IsGridReadOnly}"
                          >

        <xcdg:DataGridControl.Columns >

            <xcdg:UnboundColumn FieldName="Id"  Visible="False"  />          

            <xcdg:Column FieldName="FirstName"
                            Width="*"
                            Visible="True"   />

            <xcdg:Column FieldName="LastName" 
                         Width="*"
                         Visible="True" />


        </xcdg:DataGridControl.Columns>

    </xcdg:DataGridControl>

In the ViewModel, Here i have

 private ObservableCollection<Person>  _PersonList ;

    public ObservableCollection<Person> PersonList
    {
        get { return _PersonList; }
        set { _PersonList = value; }
    }

In the constructor, i am calling LoadData Method to populate Person List. In Person class i have 3 fields - ID, FirstName and LastName.

Here in the datagrid, you can see there is 2 types of columns - column and unboundcolumn

DataGrid Template example with xceed Datagrid Template

2 Answers2