向datagrid添加新行

问题描述

Hello Everyone，



我的数据网格遇到问题，看看我将它绑定到ObservableCollection时，集合的结构出现在设计时和之后当datagrid加载时，它会在开头显示空行。



我遇到的第二个问题是我不能在底部的空行添加新的尽管我将CanUserAddRows设置为true而IsReadonly设置为false，是否有任何可能的方法来处理这两个问题？



先谢谢你



SourceCode：我有一个名为ElevesClasses的类，一个Observablecolection定义为：

Hello Everyone,

I am facing a problem with my datagrid , see when I bind it to an ObservableCollection the structure of the collection appears at Design time and later when the datagrid loads it will display empty rows at the beginning.

The second problem I am having is that I can't the empty row at the bottom to add new items although I set the CanUserAddRows to true and IsReadonly to false, is there any possible way to deal with these two problems ?

Thank you previously

SourceCode : I have a class called "ElevesClasses", and an Observablecolection defined as :

public ObservableCollection<EleveClasses> OCEtudiant = new ObservableCollection<EleveClasses>();

和CollectionViewSource ：

and the CollectionViewSource :

<Window.Resources>
        <CollectionViewSource Source="OCEtudiant" x:Key="ElevesCVS" />
</Window.Resources>

然后将datagrid绑定到collectionViewsource，如下所示：

and then the datagrid is bound to the collectionViewsource as follows:

<DataGrid Name="ListElevesGrid" Margin="2,2,2,2" DockPanel.Dock="Top" AutoGenerateColumns="False"

                  CanUserDeleteRows="True"  CanUserAddRows="True" FlowDirection="LeftToRight" 

                  ItemsSource="{Binding Source=OCEtudiant}" >
            <DataGrid.Columns>
                <DataGridTextColumn Header="FamilyName" IsReadOnly="False"/>
                <DataGridTextColumn Header="FirstName" IsReadOnly="False"/>
                <DataGridTemplateColumn Header="Date of Birth" IsReadOnly="False">
                    <DataGridTemplateColumn.CellTemplate>
                        <DataTemplate>
                            <DatePicker />
                        </DataTemplate>
                    </DataGridTemplateColumn.CellTemplate>
                </DataGridTemplateColumn>
                <DataGridTextColumn Header="Place of birth" IsReadOnly="False"/>
                <DataGridTemplateColumn Header="Photo" IsReadOnly="False">
                    <DataGridTemplateColumn.CellTemplate>
                        <DataTemplate>
                            <Button Click="BrowsePhoto" MaxHeight="60" MaxWidth="60">
                                <Image Name="PhotoEleve" HorizontalAlignment="Stretch" VerticalAlignment="Center"/>
                            </Button>
                        </DataTemplate>
                    </DataGridTemplateColumn.CellTemplate>
                </DataGridTemplateColumn>
            </DataGrid.Columns>
        </DataGrid>

问题是：

1-在设计时这里是屏幕截图网格：http：//s8.postimg.org/5o2dogwlx/Datagrid_Design_time.jpg，它甚至在运行时显示一些空行。



2-我想要通过单击行添加行并直接添加它们，但我不能。

The problems are :
1- At design time here is the screen shot of the grid : http://s8.postimg.org/5o2dogwlx/Datagrid_Design_time.jpg , it shows some empty rows even at run time.

2- I want to add rows by clicking on the rows and add them directly , but I can't.

推荐答案

<DataGridTextColumn Header="FamilyName" IsReadOnly="False" Binding="{Binding Path=FamilyName}"/>

<DataGridTemplateColumn Header="Date of Birth" IsReadOnly="False">
    <DataGridTemplateColumn.CellTemplate>
        <DataTemplate>
            <DatePicker SelectedDate="{Binding Path=DateOfBirth}" />
        </DataTemplate>
    </DataGridTemplateColumn.CellTemplate>
</DataGridTemplateColumn>

这篇关于向datagrid添加新行的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持！