列表视图中的数据网格作为项目模板，并从数据库中读取数据

Question

I have created a project through WPF and my code as below

    <UserControl.Resources>                     
        <x:Array x:Key="OrderDataGridItems" Type="{x:Type system:String}">
            <system:String>1</system:String>
            <system:String>2</system:String>
            <system:String>3</system:String>
        </x:Array>      
        <DataTemplate x:Key="TemplateWithDataGrid" >
            <DataGrid ItemsSource="{StaticResource OrderDataGridItems}">
                    <DataGrid.Columns>
                        <DataGridTextColumn Header="Column1"
                                        Width="*" />
                        <DataGridTextColumn Header="Column2"
                                        Width="*" />
                    </DataGrid.Columns>
                </DataGrid> 
        </DataTemplate>       
     </UserControl.Resources>

    Triggers>

    <Grid>         
     <ListView x:Name="CustomersOrderList" ItemTemplate="{StaticResource TemplateWithDataGrid}" >    
            <ListView.ItemContainerStyle>
                <Style TargetType="ListViewItem">
                    <Setter Property="HorizontalContentAlignment" Value="Stretch" />
                </Style>
            </ListView.ItemContainerStyle>
        </ListView>   
    </Grid>
</UserControl>

the above code works only for the static resource values(in OrderDataGridItems). this CustomersOrderList inside listview works fine with database values. my requirement is to get and fill all the data from database in both DataTemplate and ListView from the database,is it possible?? or please help me to get the this solution work, your help greatly appreciated, thank you in-advance for our support.

Answer 1

You don't need to create Templates until and unless you are not reusing those templates. To make this simple, I've given below sample code to populate a DataGrid with data from external sources.

View -

 <Grid>
    <DataGrid ItemsSource="{Binding OrderDataGridItems }" AutoGenerateColumns="False">
        <DataGrid.Columns>
            <DataGridTextColumn Header="Column1" Width="Auto" Binding="{Binding CountryName}" />
        </DataGrid.Columns>
    </DataGrid>
</Grid>

CodeBehind - You should have this in ViewModel if following MVVM.

public partial class MainWindow : Window, INotifyPropertyChanged
{
    private List<CountryData> orderDataGridItems;
    public List<CountryData> OrderDataGridItems
    {
        get { return orderDataGridItems; }
        set
        {
            orderDataGridItems = value;
            OnPropertyChanged("OrderDataGridItems");
        }
    }
    public MainWindow()
    {
        InitializeComponent();
        this.DataContext = this;

        var listFromDataBase = new List<CountryData>();
        listFromDataBase.Add(new CountryData { CountryName ="India"});

        OrderDataGridItems = listFromDataBase;
    }

    public event PropertyChangedEventHandler PropertyChanged;
    public void OnPropertyChanged(string propertyName)
    {
        PropertyChanged?.Invoke(this, new PropertyChangedEventArgs(propertyName));
    }
 }