Demonstra Passo a passo: Criando um formulário mestre/detalhes usando dois controles do Windows Forms DataGridView

Artigo
08/01/2011

Um dos cenários mais comuns para usar o DataGridView o controle é a mestre/detalhes formulário, no qual uma relação pai/filho entre duas tabelas de banco de dados é exibida. A seleção de linhas na tabela mestre faz com que a tabela de detalhes atualizar com os dados correspondentes do filho.

A implementação de um formulário mestre/detalhe é fácil de usar a interação entre o DataGridView controle e o BindingSource componente. Esta explicação passo a passo, você criará o formulário usando duas DataGridView controles e dois BindingSource componentes. O formulário mostrará duas tabelas relacionadas no banco de dados de exemplo Northwind de SQL Server: Customers e Orders. Quando tiver terminado, você terá um formulário que mostra todos os clientes no banco de dados mestre de DataGridView e todos os pedidos do cliente selecionado nos detalhes DataGridView.

Para copiar o código deste tópico como uma única lista, consulte Como: Criar um formulário mestre/detalhes usando dois controles do Windows Forms DataGridView.

Pré-requisitos

A fim de concluir este explicação passo a passo, será necessário:

Acesso a um servidor de banco de dados de exemplo Northwind de SQL Server.

Criando o formulário.

Para criar um formulário mestre/detalhe

Criar uma classe que deriva de Form e contém dois DataGridView controles e dois BindingSource componentes. O código a seguir fornece a inicialização do formulário básico e inclui um Main método. Se você usar o Visual Studio designer para criar o seu formulário, você pode usar o código gerado designer em vez desse código, mas certifique-se de usar os nomes mostrados no declarações de variável aqui.

Imports System
Imports System.Data
Imports System.Data.SqlClient
Imports System.Windows.Forms

Public Class Form1
    Inherits System.Windows.Forms.Form

    Private masterDataGridView As New DataGridView()
    Private masterBindingSource As New BindingSource()
    Private detailsDataGridView As New DataGridView()
    Private detailsBindingSource As New BindingSource()

    <STAThreadAttribute()> _
    Public Shared Sub Main()
        Application.Run(New Form1())
    End Sub

    ' Initializes the form.
    Public Sub New()

        masterDataGridView.Dock = DockStyle.Fill
        detailsDataGridView.Dock = DockStyle.Fill

        Dim splitContainer1 As New SplitContainer()
        splitContainer1.Dock = DockStyle.Fill
        splitContainer1.Orientation = Orientation.Horizontal
        splitContainer1.Panel1.Controls.Add(masterDataGridView)
        splitContainer1.Panel2.Controls.Add(detailsDataGridView)

        Me.Controls.Add(splitContainer1)
        Me.Text = "DataGridView master/detail demo"

    End Sub


...


End Class

using System;
using System.Data;
using System.Data.SqlClient;
using System.Windows.Forms;

public class Form1 : System.Windows.Forms.Form
{
    private DataGridView masterDataGridView = new DataGridView();
    private BindingSource masterBindingSource = new BindingSource();
    private DataGridView detailsDataGridView = new DataGridView();
    private BindingSource detailsBindingSource = new BindingSource();

    [STAThreadAttribute()]
    public static void Main()
    {
        Application.Run(new Form1());
    }

    // Initializes the form.
    public Form1()
    {
        masterDataGridView.Dock = DockStyle.Fill;
        detailsDataGridView.Dock = DockStyle.Fill;

        SplitContainer splitContainer1 = new SplitContainer();
        splitContainer1.Dock = DockStyle.Fill;
        splitContainer1.Orientation = Orientation.Horizontal;
        splitContainer1.Panel1.Controls.Add(masterDataGridView);
        splitContainer1.Panel2.Controls.Add(detailsDataGridView);

        this.Controls.Add(splitContainer1);
        this.Load += new System.EventHandler(Form1_Load);
        this.Text = "DataGridView master/detail demo";
    }


...


}

Implemente um método na definição de classe do formulário para lidar com os detalhes de conexão ao banco de dados. Este exemplo usa um GetData método preenche uma DataSet de objeto, adiciona um DataRelation objeto ao conjunto de dados e ligações a BindingSource componentes. Certifique-se de definir o connectionString variável para um valor que é apropriado para seu banco de dados.

Observação sobre segurança
Armazenar informações confidenciais, como, por exemplo, uma senha, dentro da seqüência de conexão pode afetar a segurança do seu aplicativo. Usando a autenticação do Windows (também conhecida como segurança integrada) é uma maneira mais segura de controlar o acesso a um banco de dados. Para obter mais informações, consulte Protecting Connection Information (ADO.NET).

Private Sub GetData()

    Try
        ' Specify a connection string. Replace the given value with a 
        ' valid connection string for a Northwind SQL Server sample
        ' database accessible to your system.
        Dim connectionString As String = _
            "Integrated Security=SSPI;Persist Security Info=False;" & _
            "Initial Catalog=Northwind;Data Source=localhost"
        Dim connection As New SqlConnection(connectionString)

        ' Create a DataSet.
        Dim data As New DataSet()
        data.Locale = System.Globalization.CultureInfo.InvariantCulture

        ' Add data from the Customers table to the DataSet.
        Dim masterDataAdapter As _
            New SqlDataAdapter("select * from Customers", connection)
        masterDataAdapter.Fill(data, "Customers")

        ' Add data from the Orders table to the DataSet.
        Dim detailsDataAdapter As _
            New SqlDataAdapter("select * from Orders", connection)
        detailsDataAdapter.Fill(data, "Orders")

        ' Establish a relationship between the two tables.
        Dim relation As New DataRelation("CustomersOrders", _
            data.Tables("Customers").Columns("CustomerID"), _
            data.Tables("Orders").Columns("CustomerID"))
        data.Relations.Add(relation)

        ' Bind the master data connector to the Customers table.
        masterBindingSource.DataSource = data
        masterBindingSource.DataMember = "Customers"

        ' Bind the details data connector to the master data connector,
        ' using the DataRelation name to filter the information in the 
        ' details table based on the current row in the master table. 
        detailsBindingSource.DataSource = masterBindingSource
        detailsBindingSource.DataMember = "CustomersOrders"
    Catch ex As SqlException
        MessageBox.Show("To run this example, replace the value of the " & _
            "connectionString variable with a connection string that is " & _
            "valid for your system.")
    End Try

End Sub

private void GetData()
{
    try
    {
        // Specify a connection string. Replace the given value with a 
        // valid connection string for a Northwind SQL Server sample
        // database accessible to your system.
        String connectionString =
            "Integrated Security=SSPI;Persist Security Info=False;" +
            "Initial Catalog=Northwind;Data Source=localhost";
        SqlConnection connection = new SqlConnection(connectionString);

        // Create a DataSet.
        DataSet data = new DataSet();
        data.Locale = System.Globalization.CultureInfo.InvariantCulture;

        // Add data from the Customers table to the DataSet.
        SqlDataAdapter masterDataAdapter = new
            SqlDataAdapter("select * from Customers", connection);
        masterDataAdapter.Fill(data, "Customers");

        // Add data from the Orders table to the DataSet.
        SqlDataAdapter detailsDataAdapter = new
            SqlDataAdapter("select * from Orders", connection);
        detailsDataAdapter.Fill(data, "Orders");

        // Establish a relationship between the two tables.
        DataRelation relation = new DataRelation("CustomersOrders",
            data.Tables["Customers"].Columns["CustomerID"],
            data.Tables["Orders"].Columns["CustomerID"]);
        data.Relations.Add(relation);

        // Bind the master data connector to the Customers table.
        masterBindingSource.DataSource = data;
        masterBindingSource.DataMember = "Customers";

        // Bind the details data connector to the master data connector,
        // using the DataRelation name to filter the information in the 
        // details table based on the current row in the master table. 
        detailsBindingSource.DataSource = masterBindingSource;
        detailsBindingSource.DataMember = "CustomersOrders";
    }
    catch (SqlException)
    {
        MessageBox.Show("To run this example, replace the value of the " +
            "connectionString variable with a connection string that is " +
            "valid for your system.");
    }
}

Implementar um manipulador para o formulário Load evento que vincula a DataGridView os controles para o BindingSource componentes e chamadas a GetData método. O exemplo a seguir inclui código que redimensiona DataGridView colunas para ajustar os dados exibidos.

Private Sub Form1_Load(ByVal sender As Object, ByVal e As System.EventArgs) _
    Handles Me.Load

    ' Bind the DataGridView controls to the BindingSource
    ' components and load the data from the database.
    masterDataGridView.DataSource = masterBindingSource
    detailsDataGridView.DataSource = detailsBindingSource
    GetData()

    ' Resize the master DataGridView columns to fit the newly loaded data.
    masterDataGridView.AutoResizeColumns()

    ' Configure the details DataGridView so that its columns automatically
    ' adjust their widths when the data changes.
    detailsDataGridView.AutoSizeColumnsMode = _
        DataGridViewAutoSizeColumnsMode.AllCells

End Sub

private void Form1_Load(object sender, System.EventArgs e)
{
    // Bind the DataGridView controls to the BindingSource
    // components and load the data from the database.
    masterDataGridView.DataSource = masterBindingSource;
    detailsDataGridView.DataSource = detailsBindingSource;
    GetData();

    // Resize the master DataGridView columns to fit the newly loaded data.
    masterDataGridView.AutoResizeColumns();

    // Configure the details DataGridView so that its columns automatically
    // adjust their widths when the data changes.
    detailsDataGridView.AutoSizeColumnsMode = 
        DataGridViewAutoSizeColumnsMode.AllCells;
}

Testando o aplicativo

Agora você pode testar o formulário para certificar-se de que ele funciona comforme o esperado.

Para testar o formulário

Compile e execute o aplicativo.

Você verá duas DataGridView controla um acima do outro. Na parte superior são os clientes da Northwind Customers da tabela e na parte inferior são as Orders correspondente para o cliente selecionado. À medida que você seleciona linhas diferentes na parte superior DataGridView, o conteúdo da parte inferior DataGridView alteradas.

Próximas etapas

Este aplicativo oferece a você uma noção básica sobre o DataGridView de recursos. do controle Você pode personalizar a aparência e comportamento da DataGridView o controle de várias maneiras:

Alterar estilos de borda e o cabeçalho. Para obter mais informações, consulte Como: Alterar a borda e os estilos de linha de grade no Windows Forms DataGridView Control.
Permitir ou restringir a entrada do usuário para o DataGridView de controle. Para obter mais informações, consulte Como: Impedir a adição de linha e de exclusão no controle do Windows Forms DataGridView e Como: Tornar colunas somente leitura no Windows Forms DataGridView Control.
Validar entrada do usuário para o DataGridView de controle. Para obter mais informações, consulte Demonstra Passo a passo: Validando dados no Windows Forms DataGridView Control.
Lidar com grandes conjuntos de dados usando o modo virtual. Para obter mais informações, consulte Demonstra Passo a passo: A implementação de modo Virtual o controle DataGridView do Windows Forms.
Personalize a aparência das células. Para obter mais informações, consulte Como: Personalizar a aparência de células em que o controle DataGridView do Windows Forms e Como: Definir estilos de célula padrão para o controle DataGridView do Windows Forms.

Consulte também

Partilhar via

Demonstra Passo a passo: Criando um formulário mestre/detalhes usando dois controles do Windows Forms DataGridView

Pré-requisitos

Criando o formulário.

Para criar um formulário mestre/detalhe

Testando o aplicativo

Para testar o formulário

Próximas etapas

Consulte também

Tarefas

Referência

Conceitos

Outros recursos

Recursos adicionais