为两个DataGrid绑定两个ViewModel，但只有一个DataGrid可以显示数据

Question

I have 2 DataGrid to display information from 2 tables I get from Database MySQL. I'm using MVVM pattern and I have 2 ViewModel called: "CheckJigInfoViewModel" and "AccessoryViewModel" for those DataGrid. I setthose ViewModel to my two DataGrid, but only one in two DataGrid can show the data.

Am I getting wrong some code? Please give me some advise!

I atttach some picture for the content above and code for my ViewModel:

• The pictures:

- Code for ViewModel:

• ViewModel: CheckJigInfoViewModel

   class CheckJigInfoViewModel
    {
        PersonnelBusinessObject personnel;
        ObservableCollection<CheckJigInfo> _listCheckJigInfo;
        public CheckJigInfoViewModel(){
            personnel = new PersonnelBusinessObject();
        }

        public ObservableCollection<CheckJigInfo> ListCheckJigInfo
        {
            get
            {
                _listCheckJigInfo = new ObservableCollection<CheckJigInfo>(personnel.GetListCheckJigInfo());
                return _listCheckJigInfo;
            }
        }

    }

• ViewModel: AccessoryViewModel

class AccessoryViewModel
    {
        PersonnelBusinessObject personnel;
        ObservableCollection<Accessory> _lstAccessory;
        public AccessoryViewModel()
        {
            personnel = new PersonnelBusinessObject();
        }

        public ObservableCollection<Accessory> ListAccessory
        {
            get
            {
                _lstAccessory = new ObservableCollection<Accessory>(personnel.GetListAccessory());
                return _lstAccessory;
            }           
        }

    }

• the xaml file (AccessoryInfo.xaml):

<Window x:Class="CheckJigWPF.View.AccessoryInfo"
        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
        xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
        xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
        xmlns:local="clr-namespace:CheckJigWPF.View"
        xmlns:ViewModels="clr-namespace:CheckJigWPF.ViewModels"
        mc:Ignorable="d"
        Title="Accessory Info " Height="569.1" Width="890">
    <Window.Resources>

        <ViewModels:CheckJigInfoViewModel x:Key="CheckJigData"/>
        <ViewModels:AccessoryViewModel x:Key="AccessoryData"/>

    </Window.Resources>
    <!---MAIN GRID-->
    <Grid >
        <!---MAIN GRID ROWS AND COLUMNS DEFINITION-->
        <Grid.RowDefinitions>
            <RowDefinition Height="*"/>
            <RowDefinition Height="auto" />
        </Grid.RowDefinitions>

        <!--GROUPBOX1-->
        <GroupBox Grid.Row="0" Header="Pulley checking info" Padding="0,2">
            <!--SUB GRID FOR GROUPBOX1-->
            <Grid>
                <!---SUB GRID ROWS AND COLUMNS DEFINITION-->
                <Grid.RowDefinitions>
                    <RowDefinition Height="auto"/>
                    <RowDefinition Height="*"/>
                </Grid.RowDefinitions>
                <Grid.ColumnDefinitions>
                    <ColumnDefinition Width="*"/>
                    <ColumnDefinition Width="auto"/>
                </Grid.ColumnDefinitions>
                <!--GROUPBOX1's Controls-->
                <TextBox Grid.Column="0" Name="txtSearch" FontSize="24"/>
                <StackPanel Grid.Column="1" Orientation="Horizontal">
                    <Button Grid.Column="1" Name="btnSearch" Width="100" Content="Search"/>
                    <Button Grid.Column="1" Name="btnClear" Width="100" Content="Clear"/>
                </StackPanel>
                <DockPanel Grid.Row="1" Grid.ColumnSpan="2">
                    <DataGrid  AutoGenerateColumns="False" ItemsSource="{Binding ListCheckJigInfo, Source={StaticResource CheckJigData}}" ColumnWidth="*" SelectionMode="Single" IsReadOnly="True" FontSize="18" HorizontalScrollBarVisibility="Auto" VerticalScrollBarVisibility="Auto">
                        <DataGrid.Columns>
                            <DataGridTextColumn Header="ID" Width="50" Binding="{Binding ID}"/>
                            <DataGridTextColumn Header="AUFNR" Width="200" Binding="{Binding AUFNR}"/>
                            <DataGridTextColumn Header="MATNR" Width="200" Binding="{Binding MATNR}"/>
                            <DataGridTextColumn Header="Shelf" Width="100" Binding="{Binding Shelf}"/>
                            <DataGridTextColumn Header="MAKTX" Width="*" Binding="{Binding MAKTX}"/>
                            <DataGridTextColumn Header="Qty" Width="100" Binding="{Binding Qty}"/>
                            <DataGridTextColumn Header="MEINS" Width="120" Binding="{Binding MEINS}"/>
                            <DataGridTextColumn Header="CheckStatus" Width="150" Binding="{Binding Check}"/>
                            <DataGridTextColumn Header="CheckingDate" Width="180" Binding="{Binding CheckingDate,StringFormat='yyyy-MM-dd HH:mm:ss'}"/>
                            <DataGridTextColumn Header="User" Width="100" Binding="{Binding UserID}"/>
                        </DataGrid.Columns>
                    </DataGrid>

                    <!--paging-->
                    <StackPanel Name="pager" Orientation="Horizontal">
                        <TextBlock Text="{Binding Page,StringFormat=Page 0 of 0}"/>
                    </StackPanel>
                </DockPanel>
                <!--End GROUPBOX1's Controls-->
            </Grid>
        </GroupBox>
        <!--END GROUPBOX1-->

        <!--GROUPBOX2-->
        <GroupBox Grid.Row="1" Header="Accessory Management" Padding="5">
            <!--SUB GRID FOR GROUPBOX2-->
            <Grid>
                <!--GROUPBOX2 ROWS AND COLUMNS DEFINITION-->
                <Grid.RowDefinitions>
                    <RowDefinition Height="*"/>
                    <RowDefinition Height="auto"/>
                </Grid.RowDefinitions>
                <Grid.ColumnDefinitions>
                    <ColumnDefinition/>
                    <ColumnDefinition/>
                </Grid.ColumnDefinitions>
                <!--GROUPBOX2's Controls-->
                <DockPanel Grid.Row="0" Grid.Column="0">
                    <StackPanel DockPanel.Dock="Top">
                        <TextBlock Text="AccessoryID"  Margin="5" Padding="5" Background="#FFD7F4AA" FontSize="18"/>
                        <TextBox Name="txtAccessoryID"  Margin="5" FontSize="20"/>
                    </StackPanel>

                    <StackPanel DockPanel.Dock="Top">
                        <TextBlock Text="Accessory Name" Margin="5" Padding="5" Background="#FFD7F4AA" FontSize="18"/>
                        <TextBox Name="txtAccessoryName" Margin="5" FontSize="20"/>
                    </StackPanel>

                    <StackPanel DockPanel.Dock="Top">
                        <TextBlock Text="Shelf" Margin="5" Padding="5" Background="#FFD7F4AA" FontSize="18"/>
                        <TextBox Name="txtShelf" Margin="5" FontSize="20"/>
                    </StackPanel>
                </DockPanel>


                <!--SUB GRID FOR GROUPBOX2-->
                <Grid Grid.Column="1">
                    <!--GROUPBOX2 ROWS AND COLUMNS DEFINITION-->
                    <Grid.RowDefinitions>
                        <RowDefinition Height="auto"/>
                        <RowDefinition Height="*"/>
                    </Grid.RowDefinitions>
                    <Grid.ColumnDefinitions>
                        <ColumnDefinition Width="*"/>
                        <ColumnDefinition Width="auto"/>
                    </Grid.ColumnDefinitions>
                    <!--GROUPBOX2's Controls-->
                    <TextBox Grid.Column="0" Name="txtSearchAcs" FontSize="24"/>
                    <StackPanel Grid.Column="1" Orientation="Horizontal">
                        <Button  Name="btnSearchAcs" Width="100" Content="Search"/>
                        <Button  Name="btnClearAcs" Width="100" Content="Clear"/>
                    </StackPanel>
                    <DockPanel Grid.Row="1" Grid.ColumnSpan="2">
                        <DataGrid  Name="dgvAccessoryInfo" ItemsSource="{Binding ListAccessory, Source ={StaticResource AccessoryData}}"  AutoGenerateColumns="False" ColumnWidth="*" SelectionMode="Single" IsReadOnly="True" FontSize="18" HorizontalScrollBarVisibility="Auto" VerticalScrollBarVisibility="Auto">
                            <DataGrid.Columns>
                                <DataGridTextColumn Header="Acs ID" Binding="{Binding ACSID}"/>
                                <DataGridTextColumn Header="Acs Name" Binding="{Binding ACSName}"/>
                                <DataGridTextColumn Header="Acs Shelf" Binding="{Binding ACSShelf}"/>
                            </DataGrid.Columns>
                        </DataGrid>

                    </DockPanel>
                    <!--End GROUPBOX2's Controls-->
                </Grid>

                <!--FUNCTIONS-->
                <StackPanel Grid.Row="1" Grid.Column="0" Orientation="Horizontal">
                    <Button Content="Save" Width="100" Height="40" BorderThickness="0" Background="MediumSeaGreen" Foreground="#ffffff" FontSize="24" Margin="5"/>
                </StackPanel>
            </Grid>
        </GroupBox>
        <!--END GROUPBOX 2-->
    </Grid>
</Window>

I expect to show each ViewModel for each DataGrid. Thanks in advance!

Answer 1

I found the answer for my problem. Thanks @Avinash Reddy for your advise. Because my sub-grid layout for the DataGrid in my GroupBox2 overflow. It drowned the GridData of GroupBox1 and I didn't see my GridData in GroupBox1 shown the data. I fixed it by to set a "Height" for the DataGrid in GroupBox2 and It's worked well.