کار با datagrid در wpf

نام مقاله : کار با datagrid در wpf

به نام خدا

سلام عرض می کنم خدمت دوستای گلم که همیشه همراه من بودن و با نظرات و کامنتهاشون از طریق سایت و بخش آموزش c# همیشه باعث دلگرمی من بودن. تو مقاله قبلی در مورد wpf صحبتهایی رو کردیم و یه معرفی اجکالی این تکنولوژی رو کردیم.

یکی از مهمترین موضوعاتی که تو کار با wpf و کلا برنامه نویسی مطرح میشه کار با کنترلهای نمایش اطلاعات هستش که یکی از مهمترین اونها هم کنترل DataGrid هست. البته تو پروژه های از نوع Windows Form به این کنترل DataGridView گفته میشه.

کنترل datagrid تو wpf قابلیتهای زیادی داره و براحتی میتونین داخل ستونها و ردیف های اون هر چیزی رو نمایش بدین. مثلا عکس نشون بدین یا کنترل checkbox رو نشون بدین.

اما در مجموع برای کار با datagrid در wpf  در ابتدا باید در قسمت دستورات xaml تگ مربوطه رو ایجاد کنید و بعد داخل تگ مربوط به DataGrid تگهای ستونها رو ایجاد کنید. دستورات زیر رو نگاه کنین تا بهتر متوجه بشین:

کار با DataGrid در wpf

<DataGrid x:Name="dataGrid_customer" HorizontalAlignment="Left" Margin="24,113,0,0" VerticalAlignment="Top" Height="241" Width="646" FlowDirection="RightToLeft" AutoGenerateColumns="False" >
            

            <DataGrid.Columns>
                <DataGridTextColumn Header="شماره مشتری" Binding="{Binding CustomerID}">
                    <DataGridTextColumn.HeaderStyle>
                        <Style TargetType="{x:Type DataGridColumnHeader}">
                            <Setter Property="FontFamily" Value="B Yekan"/>
                            <Setter Property="FontSize" Value="12"/>
                            <Setter Property="FontWeight" Value="Bold"/>
                            <Setter Property="HorizontalContentAlignment" Value="Center"/>
                        </Style>
                    </DataGridTextColumn.HeaderStyle>

                    <DataGridTextColumn.ElementStyle>
                        <Style TargetType="{x:Type TextBlock}">
                            <Setter Property="Foreground" Value="Green"/>
                            <Setter Property="FontFamily" Value="B Yekan"/>
                            <Setter Property="FontSize" Value="12"/>
                            <Setter Property="HorizontalAlignment" Value="Center"/>
                            <Setter Property="FontWeight" Value="Bold"/>
                        </Style>
                    </DataGridTextColumn.ElementStyle>
                </DataGridTextColumn>

                <DataGridTextColumn Header="نام مشتری" Binding="{Binding CustomerName}" Width="120">
                    <DataGridTextColumn.HeaderStyle>
                        <Style TargetType="{x:Type DataGridColumnHeader}">
                            <Setter Property="FontFamily" Value="B Yekan"/>
                            <Setter Property="FontSize" Value="12"/>
                            <Setter Property="FontWeight" Value="Bold"/>
                            <Setter Property="HorizontalContentAlignment" Value="Center"/>
                        </Style>
                    </DataGridTextColumn.HeaderStyle>

                    <DataGridTextColumn.ElementStyle>
                        <Style TargetType="{x:Type TextBlock}">
                            <Setter Property="Foreground" Value="Blue"/>
                            <Setter Property="FontFamily" Value="B Yekan"/>
                            <Setter Property="FontSize" Value="12"/>
                            <Setter Property="HorizontalAlignment" Value="Center"/>
                            <Setter Property="FontWeight" Value="Bold"/>
                        </Style>
                    </DataGridTextColumn.ElementStyle>
                </DataGridTextColumn>

                <DataGridTextColumn Header="تلفن" Binding="{Binding CustomerTel}" Width="80">
                    <DataGridTextColumn.HeaderStyle>
                        <Style TargetType="{x:Type DataGridColumnHeader}">
                            <Setter Property="FontFamily" Value="B Yekan"/>
                            <Setter Property="FontSize" Value="12"/>
                            <Setter Property="FontWeight" Value="Bold"/>
                            <Setter Property="HorizontalContentAlignment" Value="Center"/>
                        </Style>
                    </DataGridTextColumn.HeaderStyle>

                    <DataGridTextColumn.ElementStyle>
                        <Style TargetType="{x:Type TextBlock}">
                            <Setter Property="Foreground" Value="Green"/>
                            <Setter Property="FontFamily" Value="B Yekan"/>
                            <Setter Property="FontSize" Value="12"/>
                            <Setter Property="HorizontalAlignment" Value="Center"/>
                            <Setter Property="FontWeight" Value="Bold"/>
                        </Style>
                    </DataGridTextColumn.ElementStyle>
                </DataGridTextColumn>

            </DataGrid.Column>
        </DataGrid>

همونجوری که می بینین از یه تگ کلی به اسم DataGrid استفاده کردیم و داخل اون یه تگ دیگه داریم به اسم <DataGrid.Column> که نشون میده ما می خوایم از ستونها استفاده کنیم در این جدولمون.

لیست بقیه تگهای استفاده شده به همراه توضیحاتشون:

DataGridTextColumn : یک ستون جدید ایجاد میکنه

DataGridTextColumn.HeaderStyle  : با این تگ می تونیم خواص هدر هر ستون رو تایین کنیم

DataGridTextColumn.ElementStyle  : با این تگ میتونیم خواص ردیفها رو مشخص کنیم از نظر رنگ و اندازه و ....

توصیه می کنم برای آموزش کامل و دانلود فیلم کار با DataGrid در c# به ادامه مطلب مراجعه کنید.