الإرشادات التفصيلية: إنشاء نموذج رئيسي/تفصيلي باستخدام عناصر تحكم عرض شبكة البيانات Windows Forms الثاني

مقالة
11/01/2010

واحد السيناريوهات الأكثر شيوعاً لاستخدام DataGridViewعنصر تحكم النموذج رئيسي/تفصيلي ، حيث علاقة اصل/فرع بين اثنين من قاعدة بيانات الجداول معروض. تحديد صفوف في الجدول الرئيسي يؤدي إلى الجدول التفصيلي إلى تحديث بيانات التابعة المطابق.

تطبيق شكل رئيسي/النموذج التفاصيل سهولة استخدام تفاعل بين DataGridViewعنصر التحكم و BindingSourceمكوّن. في هذه معاينة، سيتم بنية النموذج باستخدام الثاني DataGridViewعناصر التحكم والثاني BindingSourceالمكونات. سيظهر النموذج الثاني مرتبطة بالجداول في قاعدة بيانات نموذج Northwind SQL الخادم: Customers وOrders عندما تنتهي من ذلك، سيكون لديك نموذج يعرض الجميع العميل في قاعدة بيانات في شكل رئيسي DataGridViewوالجميع الطلبات لعميل محدد بالتفصيل DataGridView.

لنسخ التعليمة البرمجية في هذا الموضوع كقائمة واحدة, راجع كيفية القيام بما يلي: إنشاء نموذج رئيسي/تفصيلي باستخدام عنصري تحكم DataGridView Windows Forms.

المتطلبات الأساسية

لإكمال هذه المعاينة ، سوف تحتاج إلى :

الاتصال بخادم قاعدة البيانات الذي يحتوي على نموذج Northwind SQL Server.

إنشاء نموذج

إلى إنشاء نموذج رئيسي/تفصيلي

إنشاء فئة مشتقة من Formويحتوي على عمودين DataGridViewعناصر التحكم واثنين BindingSourceالمكونات. يوفر التعليمة البرمجية التالية عملية تهيئة النموذج الأساسي و يتضمن Mainالأسلوب. إذا استخدمت Visual Studioمصمم إلى إنشاء النموذج الخاص بك، يمكنك استخدام تعليمات برمجية المنشأة المصمم بدلاً من هذه تعليمات برمجية، ولكن يجب التأكد من إلى استخدام الأسماء في تعريفات المتغيرات هنا.

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";
    }


...


}

تنفيذ أسلوب في تعريف فئة النموذج الخاص بك لمعالجة التفاصيل من الاتصال إلى قاعدة البيانات. يستخدم هذا المثال GetDataالأسلوب بملء DataSetالكائن، يضيف DataRelationالكائن إلى تعيين بيانات وربطها BindingSourceالمكونات. تأكد من تعيين المتغير connectionString لقيمة المناسبة لقاعدة البيانات الخاصة بك .

ملاحظة الأمان
تخزين معلومات حساسة مثل كلمة مرور في سلسلة اتصال يمكن أن يؤثر على أمن التطبيق الخاص بك. استخدام طريقة مصادقة Windows (المعروف أيضا باسم الأمان المتكامل) تعتبر أكثر أماناً للتحكم في الوصول إلى قاعدة بيانات. لمزيد من المعلومات، راجع Protecting Connection Information (ADO.NET).

تخزين معلومات حساسة مثل كلمة مرور في سلسلة اتصال يمكن أن يؤثر على أمن التطبيق الخاص بك. استخدام طريقة مصادقة Windows (المعروف أيضا باسم الأمان المتكامل) تعتبر أكثر أماناً للتحكم في الوصول إلى قاعدة بيانات. لمزيد من المعلومات، راجع 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.");
    }
}

تنفيذ معالج ل النموذج الخاص بك Loadحدث يربط DataGridViewعناصر التحكم إلى BindingSourceالمكونات والمكالمات GetDataالأسلوب. يتضمن المثال التالي تعليمات برمجية التي تقوم بتغيير حجم DataGridViewأعمدة إلى تحتوي على بيانات المعروضة.

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;
}

اختبار التطبيق

يمكنك الآن اختبار النموذج للتأكد من أنه يعمل كما هو متوقع.

لاختبار النموذج

قم بالترجمة ثم قم بتشغيل التطبيق الخاص بك.

سترى الثاني DataGridViewيتحكم، واحداً فوق الآخر. على إلى p هي cusإلىmers من Northwind Customersجدول، وفي botإلىm Ordersالمقابلة إلى cusإلىmer المحدد. بينما تقوم بتحديد صفوف مختلفة في العليا DataGridView، محتويات أقل DataGridViewتغيير وفقا لذلك.

الخطوات التالية

يمنحك هذا التطبيق فهم أساسي لقدرات عنصر تحكم DataGridView. يمكنك تخصيص مظهر وسلوك عنصر تحكم DataGridView بعدة طرق:

تغيير أنماط الحدود و رأس الصفحة. لمزيد من المعلومات، راجع كيفية القيام بما يلي: تغيير حدود وأنماط خطوط الشبكة في عنصر تحكم DataGridView Windows Forms.
تمكين أو تقييد مدخلات المستخدم لعنصر تحكم DataGridView. وللمزيد من المعلومات ، راجع كيفية القيام بما يلي: منع إضافة صف والحذف في عرض شبكة البيانات Windows Forms عنصر تحكم و كيفية القيام بما يلي: جعل الأعمدة للقراءة فقط في عنصر تحكم DataGridView Windows Forms .
التحقق من صحة مدخلات المستخدم لعنصر تحكم DataGridView. لمزيد من المعلومات، راجع الإرشادات التفصيلية: التحقق من صحة بيانات في عرض شبكة بيانات Windows Forms عنصر تحكم.
معالجة مجموعات كبيرة من البيانات باستخدام الوضع الظاهري. لمزيد من المعلومات، راجع الإرشادات التفصيلية: تطبيق الوضع الظاهري في عرض شبكة البيانات Windows Forms عنصر تحكم.
تخصيص مظهر الخلايا. للمزيد من المعلومات، راجع كيفية القيام بما يلي: تخصيص مظهر الخلايا الموجودة في عنصر تحكم DataGridView الخاص بـ Windows Forms وكيفية القيام بما يلي: تعيين أنماط خلية عنصر تحكم Windows Forms DataGridView الافتراضي ..

راجع أيضًا:

مشاركة عبر

الإرشادات التفصيلية: إنشاء نموذج رئيسي/تفصيلي باستخدام عناصر تحكم عرض شبكة البيانات Windows Forms الثاني

المتطلبات الأساسية

إنشاء نموذج

إلى إنشاء نموذج رئيسي/تفصيلي

اختبار التطبيق

لاختبار النموذج

الخطوات التالية

راجع أيضًا:

المهام

المرجع

المبادئ

موارد أخرى

الموارد الإضافية