مشاركة عبر

الإرشادات التفصيلية: قم بربط عناصر التحكم WPF إلى فئة البيانات

  • مقالة

في هذه معاينة، يمكنك إنشاء أحد WPF تطبيق الذي يحتوي على بيانات المرتبطة عناصر التحكم. ترتبط عناصر التحكم إلى السجلات منتج الذي يتم تغليف في مجموعة. كما سيتم إضافة butإلىns إلى استعراض المنتجات وحفظ التغييرات إلى السجلات منتج.

توضح هذه الإرشادات التفصيلية المهام التالية:

  • إنشاء WPF التطبيق ومجموعة البيانات التي هو التي تم إنشاؤها من البيانات في قاعدة بيانات نموذج AdventureWorksLT.

  • قم بإنشاء التعيين من حدود البيانات عناصر التحكم بسحب جدول بيانات من النافذة موارد البيانات إلى نافذة في ‏‫مصمم WPF.

  • إنشاء الأزرار التنقل إعادة توجيه مكالمة و مع الإصدارات السابقة من خلال سجلات منتج.

  • إنشاء زر يقوم بحفظ التغييرات التي يجريها المستخدمون إلى سجلات منتج إلى جدول بيانات و مصدر بيانات الأساسي.

    ملاحظة

    قد يعرض جهاز الكمبيوتر الخاص بك أسماء أو مواقع مختلفة لبعض عناصر واجهة مستخدم Visual Studio في الإرشادات التالية. يحدد كل من إصدار Visual Studio لديك والإعدادات المستخدمة هذه العناصر. لمزيد من المعلومات، راجع العمل مع إعدادات.

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

تحتاج إلى المكونات التالية لاستكمال هذه الإرشادات التفصيلية:

  • Visual Studio 2010.

  • الوصول إلى مثيل SQL الخادم أو SQL الخادم Express الذي يحتوي على قاعدة بيانات نموذج AdventureWorksLT مرفقة به قيد تشغيل. يمكنك تحميل قاعدة البيانات AdventureWorksLT من موقع ويب CodePlex.

معرفة سابقة بالمفاهيم التالية هو مفيدة أيضا، ولكن لا المطلوبة لاستكمال معاينة:

إنشاء المشروع

إنشاء مشروع WPF جديد. وسيعرض مشروع السجلات منتج.

لإنشاء المشروع

  1. ابدأ ‏‫Visual Studio.

  2. من القائمة File (ملف)، أشر إلى New (جديد)، ثم انقر فوق Project (مشروع).

  3. $ $ $ $ المتوقعة و Visual أساسى أو Visual C#‎، و ثم تحديد من Windows.

  4. تحديد قالب مشروع WPF تطبيق.

  5. في المربع الاسم ، اكتب من AdventureWorksProductsEditor و انقر فوق ‏‏موافق .

    ‏‫Visual Studio بإنشاء مشروع AdventureWorksProductsEditor.

إنشاء فئة البيانات تطبيق

قبل إنشاء عناصر تحكم حدود البيانات، يجب تعريف طراز بيانات الخاص بالتطبيق وإضافته إلى الإطار المصادر البيانات. في هذه معاينة، تقوم بإنشاء مجموعة بيانات إلى تستخدم كنموذج البيانات.

إلى إنشاء مجموعة بيانات

  1. في قائمة بيانات ، انقر فوقإظهار مصادر البيانات.

    يفتح الإطار المصادر بيانات.

  2. في نافذة مصادر البيانات ، انقر فوقإضافة مصدر بيانات جديد.

    يتم فتح معالج تكوين مصدر البيانات.

  3. في الصفحة اختيار المصدر نوع البيانات ، تحديد قاعدة بيانات، ومن ثم انقر فوق التالي.

  4. في الصفحة اختيار "طراز قاعدة بيانات" ، تحديد فئة البيانات ، و ثم انقر فوق التالي.

  5. في الصفحة اختيار اتصال بيانات الخاص بك، تحديد واحد الخيارات التالية:

    • إذا كان يتوفر اتصال بيانات إلى قاعدة بيانات نموذج AdventureWorksLT في المنسدلة القائمة المنسدلة، تحديد هذه و ثم انقر فوق التالي.

      -أو-

    • انقر فوق من اتصال جديد وقم بإنشاء اتصال بقاعدة البيانات AdventureWorksLT.

  6. في الصفحة حفظ سلسلة الاتصال ملف تكوين تطبيق ، تحديد نعم، حفظ الاتصال الاختيار صندوق، ثم انقر فوق التالي.

  7. الصفحة اختيار الكائنات قاعدة بيانات الخاصة بك ، $ $ $ $ المتوقعة و جداول ، و ثم حدد الجدول منتج (SalesLT).

  8. انقر فوق Finish.

    ‏‫Visual Studio بإضافة ملف AdventureWorksLTDataSet.xsd جديد إلى المشروع، ويقوم Access بإضافة عنصر المطابق AdventureWorksLTDataSet إلى الإطار المصادر بيانات. AdventureWorksLTDataSet.xsd ملف يقوم بتعريف مجموعة بيانات مكتوبة بالاسم AdventureWorksLTDataSetو محول الجدول يسمى ProductTableAdapter. لاحقاً في هذه معاينة، سيتم استخدام ProductTableAdapterلتعبئة ورقة العمل مع البيانات و حفظ التغييرات مرة أخرى إلى قاعدة بيانات.

  9. إنشاء المشروع.

‏‏تحرير أسلوب التعبئة الافتراضي من محول الجدول

إلى تعبئة ورقة العمل مع بيانات، استخدم Fillطريقة ProductTableAdapter. بشكل افتراضي، Fillأسلوب التعبئة ProductDataTableفي AdventureWorksLTDataSetمع الجميع صفوف من بيانات من منتج الجدول. يمكنك تعديل هذا الأسلوب إلى بإرجاع مجموعة فرعية فقط من صفوف. لهذه معاينة، قم بتعديل Fillأسلوب إلى بإرجاع صفوف فقط للمنتجات التي تحتوي على phoإلىs.

إلى تحميل منتج صفوف التي تحتوي على phoإلىs

  1. في من مستكشف الحل، انقر نقراً مزدوجاً فوق AdventureWorksLTDataSet.xsd ملف.

    يتم فتح مصمم مجموعة البيانات.

  2. في مصمم، انقر نقراً مزدوجاً فوق الاستعلام Fill,GetData() وحدد تكوين .

    معالج تكوين محول الجدول يفتح.

  3. في الصفحة Enter الزر الزر عبارة SQL ، إضافة الموقع التالية بعد SELECTالعبارة في صندوق النص.

    WHERE ThumbnailPhotoFileName <> 'no_image_available_small.gif'

  4. انقر فوق Finish.

تعريف واجهة مستخدم

إضافة عدة الأزرار للإطار بواسطة تعديل XAML في ‏‫مصمم WPF. لاحقاً في هذه معاينة، تتم إضافة تعليمات برمجية التي تتيح للمستخدمين إمكانية مرور من خلال وحفظ التغييرات على السجلات المنتجات باستخدام هذه الأزرار.

إلى تعريف واجهة مستخدم الخاصة بالإطار

  1. في مستكشف الحل، مزدوج-انقر فوق MainWindow.xaml.

    نافذة فتح في ‏‫مصمم WPF.

  2. في XAMLعرض للمصمم، إضافة التعليمة البرمجية التالية بين <Grid>علامات:

    <Grid.RowDefinitions>
    <RowDefinition Height="75" />
    <RowDefinition Height="625" />
</Grid.RowDefinitions>
<Button HorizontalAlignment="Left" Margin="22,20,0,24" Name="backButton" Width="75">&lt;</Button>
<Button HorizontalAlignment="Left" Margin="116,20,0,24" Name="nextButton" Width="75">&gt;</Button>
<Button HorizontalAlignment="Right" Margin="0,21,46,24" Name="saveButton" Width="110">Save changes</Button>

  3. إنشاء المشروع.

قم بإنشاء حدود بيانات عناصر التحكم

قم بإنشاء عناصر التحكم التي تعرض سجلات العميل بسحب الجدول منتج من الإطار مصادر بيانات إلى "مصمم WPF".

إلى إنشاء عناصر تحكم حدود بيانات

  1. في الإطار المصادر بيانات ، انقر فوق قائمة المنسدلة للعقدة منتج وتحديد تفاصيل .

  2. توسيع منتج عقدة.

  3. لهذا المثال لن تكون بعض حقول المعروضة في هذه الحالة انقر فوق قائمة المنسدلة بعد ذلك إلى العقد التالية وحدد بلا :

    • ProductCategoryID

    • ProductModelID

    • ThumbnailPhotoFileName

    • rowguid

    • ModifiedDate

  4. انقر فوق قائمة المنسدلة بجانب إلى ThumbNailPho إلى عقده وحدد الصورة.

    ملاحظة

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

  5. من المصادر بيانات نافذة، قم بسحب العقدة منتج إلى صف الشبكة ضمن الصف الذي يحتوي على الأزرار.

    ينشئ ‏‫Visual Studio XAML الذي يقوم بتعريف التعيين من عناصر التحكم المرتبطة إلى البيانات في الجدول المنتجات. ويقوم أيضا إنشاء تعليمات برمجية الذي يقوم بتحميل بيانات. لمزيد من المعلومات حول XAML المنشأ و تعليمات برمجية، راجع قم بربط عناصر التحكم WPF إلى بيانات في ‏‫Visual Studio.

  6. في المصمم، انقر فوق صندوق نص التالي إلى العنوان المعرف منتج.

  7. في الإطار خصائص ، تحديد خانة اختيار بجانب إلى IsReadOnly خاصية.

التنقل بين السجلات منتج

قم بإضافة التعليمة البرمجية التي تتيح للمستخدمين إلى مرور خلال السجلات منتج باستخدام < و > butإلىns .

لتمكين المستخدمين من التنقل بين السجلات للمنتج

  1. في المصمم، انقر نقراً مزدوجاً فوق < زر تشغيل سطح الإطار.

    قم بفتح الملف تعليمات برمجية-الخلف ‏‫Visual Studio وقم بإنشاء جديد backButton_Clickمعالج الأحداث Clickحدث.

  2. بتعديل Window_Loadedمعالج حدث حيث ProductViewSource، AdventureWorksLTDataSet، و AdventureWorksLTDataSetProductTableAdapterخارج الأسلوب والوصول إلى الكامل نموذج. فقط تعريف هذه العمومية إلى النموذج، قم بتعيينها ضمن Window_Loadedمعالج حدث مشابهة لما يلي:

    Dim ProductViewSource As System.Windows.Data.CollectionViewSource
Dim AdventureWorksLTDataSet As AdventureWorksProductsEditor.AdventureWorksLTDataSet
Dim AdventureWorksLTDataSetProductTableAdapter As AdventureWorksProductsEditor.AdventureWorksLTDataSetTableAdapters.ProductTableAdapter

Private Sub Window_Loaded(ByVal sender As System.Object, ByVal e As System.Windows.RoutedEventArgs) Handles MyBase.Loaded
    AdventureWorksLTDataSet = CType(Me.FindResource("AdventureWorksLTDataSet"), AdventureWorksProductsEditor.AdventureWorksLTDataSet)
    'Load data into the table Product. You can modify this code as needed.
    AdventureWorksLTDataSetProductTableAdapter = New AdventureWorksProductsEditor.AdventureWorksLTDataSetTableAdapters.ProductTableAdapter()
    AdventureWorksLTDataSetProductTableAdapter.Fill(AdventureWorksLTDataSet.Product)
    ProductViewSource = CType(Me.FindResource("ProductViewSource"), System.Windows.Data.CollectionViewSource)
    ProductViewSource.View.MoveCurrentToFirst()
End Sub

    private AdventureWorksProductsEditor.AdventureWorksLTDataSet AdventureWorksLTDataSet;
private AdventureWorksProductsEditor.AdventureWorksLTDataSetTableAdapters.ProductTableAdapter adventureWorksLTDataSetProductTableAdapter;
private System.Windows.Data.CollectionViewSource productViewSource;

private void Window_Loaded(object sender, RoutedEventArgs e)
{
    AdventureWorksLTDataSet = ((AdventureWorksProductsEditor.AdventureWorksLTDataSet)(this.FindResource("AdventureWorksLTDataSet")));
    // Load data into the table Product. You can modify this code as needed.
    adventureWorksLTDataSetProductTableAdapter = new AdventureWorksProductsEditor.AdventureWorksLTDataSetTableAdapters.ProductTableAdapter();
    adventureWorksLTDataSetProductTableAdapter.Fill(AdventureWorksLTDataSet.Product);
    productViewSource = ((System.Windows.Data.CollectionViewSource)(this.FindResource("productViewSource")));
    productViewSource.View.MoveCurrentToFirst();
}

  3. قم بإضافة التعليمات البرمجية التالية إلى معالج الحدث backButton_Click :

    If ProductViewSource.View.CurrentPosition > 0 Then
    ProductViewSource.View.MoveCurrentToPrevious()
End If

    if (productViewSource.View.CurrentPosition > 0)
{
    productViewSource.View.MoveCurrentToPrevious();
}

  4. الرجوع إلى المصمم و مزدوج-انقر فوق > زر .

  5. قم بإضافة التعليمات البرمجية التالية إلى معالج الحدث nextButton_Click :

    If ProductViewSource.View.CurrentPosition < CType(ProductViewSource.View, CollectionView).Count - 1 Then
    ProductViewSource.View.MoveCurrentToNext()
End If

    if(productViewSource.View.CurrentPosition < ((CollectionView)productViewSource.View).Count - 1)
{
    productViewSource.View.MoveCurrentToNext();
}

قم بحفظ التغييرات إلى منتج السجلات

قم بإضافة التعليمة البرمجية التي تتيح للمستخدمين إمكانية حفظ التغييرات على السجلات منتج باستخدام حفظ التغييرات زر.

إلى القدرة على إضافة إلى حفظ التغييرات إلى السجلات منتج

  1. في المصمم، انقر نقراً مزدوجاً فوق الزر حفظ التغييرات.

    قم بفتح الملف تعليمات برمجية-الخلف ‏‫Visual Studio وقم بإنشاء جديد saveButton_Clickمعالج الأحداث Clickحدث.

  2. قم بإضافة التعليمات البرمجية التالية إلى معالج الحدث saveButton_Click :

    AdventureWorksLTDataSetProductTableAdapter.Update(AdventureWorksLTDataSet.Product)

    adventureWorksLTDataSetProductTableAdapter.Update(AdventureWorksLTDataSet.Product);

    ملاحظة

    يستخدم هذا المثال Saveطريقة TableAdapterإلى حفظ التغييرات. Th هو هو المناسب في ترتيب هو معاينة، لأن جدول بيانات واحد هو التغيير. إذا كنت ترغب في حفظ التغييرات إلى عدة جداول البيانات، يمكنك بدلاً من ذلك استخدم UpdateAllطريقة TableAdapterManagerيقوم بإنشاء برنامج ‏‫Visual Studio بمجموعة بيانات. لمزيد من المعلومات، راجع نظرة عامة حول TableAdapterManager.

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

قم ببناء التطبيق وتشغيله. تحقق من أنه يمكنك عرض و تحديث السجلات منتج.

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

  1. اضغط المفتاح F5.

    ينشئ تطبيق و يتم تنفيذها. تحقق من التالي:

    • تعرض مربعات نص بيانات من منتج أول سجل يحتوي على صورة. يحتوي هذا منتج 713 المعرف منتج، و اسم جيرسي شعار جلبه ببعيدة، S.

    • يمكنك النقر فوق > أو < أزرار التنقل في غير ذلك السجلات المنتج.

  2. في واحد السجلات منتج، قم بتغيير القيمة الحجم ، و ثم انقر فوق حفظ التغييرات.

  3. يغلق تطبيق، و ثم أعد تشغيل تطبيق بواسطة الضغط على F5 في ‏‫Visual Studio.

  4. انتقل إلى السجل منتج الذي قمت بتغيير و التحقق من أن يستمر تغيير.

  5. اغلق التطبيق.

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

بعد إكمال هذه معاينة، يمكنك تنفيذ المهام ذات الصلة التالية:

راجع أيضًا:

المهام

كيفية القيام بما يلي: عناصر تحكم WPF يربط للبيانات في ‏‫Visual Studio

الإرشادات التفصيلية: قم بربط عناصر التحكم WPF إلى طرازات بيانات وحدة

الإرشادات التفصيلية: عناصر تحكم WPF ربط إلى الخدمة WCF بيانات

المبادئ

قم بربط عناصر التحكم WPF إلى بيانات في ‏‫Visual Studio

العمل مع Datasets في ‏‫Visual Studio

نظرة عامة حول مصمم WPF

نظرة عامة حول ربط البيانات