Aracılığıyla paylaş


İzlenecek Yol: Bir WPF Uygulamasında İlgili Verileri Görüntüleme

Bu izlenecek yolda, bir alt üst ilişkisi olan veritabanı tablolarına verileri görüntüleyen bir wpf uygulaması yaratacaksınız.Veri varlık veri modeli varlıklarda kapsüllenir.Üst varlık siparişleri kümesi için genel bilgi içerir.Bu varlığın her özellik uygulamada farklı bir denetime bağlı.Çocuk, her sipariş ayrıntıları içerir.Bu veri kümesi bağlı olduğu bir DataGrid denetim.

Bu örneklerde aşağıdaki görevler gösterilir:

  • wpf uygulama ve AdventureWorksLT örnek veritabanındaki verilerden oluşturulan bir varlık veri modeli oluşturma.

  • Siparişleri bir dizi genel bakış bilgilerini görüntüleme veriye bağlı denetimler kümesi oluşturma.Üst varlıktan sürükleyerek denetimleri oluşturmak Veri kaynakları penceresine wpf Designer.

  • Oluşturma bir DataGrid her biri için ilgili ayrıntıları görüntüleyen denetimin seçili sipariş.Alt varlıktan sürükleyerek denetimleri oluşturmak Veri kaynakları bir pencere içinde pencere wpf designer.

    [!NOT]

    Bilgisayarınız, aşağıdaki yönergelerde yer alan Visual Studio kullanıcı arabirimi öğelerinden bazıları için farklı adlar veya konumlar gösterebilir. Sahip olduğunuz Visual Studio sürümü ve kullandığınız ayarlar bu öğeleri belirler. Daha fazla bilgi için, bkz. Visual Studio'da Geliştirme Ayarlarını özelleştirme.

Önkoşullar

Bu örneği tamamlamak için aşağıdaki bileşenler gerekmektedir:

  • Visual Studio.

  • Çalışan bir sql Server veya kendisine bağlı AdventureWorksLT örnek veritabanı olan sql Server Express örneği erişimi.AdventureWorksLT veritabanından karşıdan yükleyebileceğiniz CodePlex Web sitesi.

Aşağıdaki kavramlar, önceki bilgisi de yararlı, ancak bu izlenecek yolu tamamlamak için gerekli değildir:

Projeyi Oluşturma

Sipariş kayıtları görüntülemek için yeni bir wpf proje oluşturun.

wpf yeni bir proje oluşturmak için

  1. Visual Studio'yu başlatın.

  2. Dosya menüsünde, Yeni'nin üzerine gelin ve Proje'ye tıklatın.

  3. Genişletme Visual C# veya Visual Basicseçip Windows.

  4. Emin olun .net Framework 4 iletişim kutusunun en üstündeki açılan kutu seçilidir.DataGrid Bu yönergeyi kullanın denetimi yalnızca .net Framework 4'te kullanılabilir.

  5. Seçin wpf uygulama proje şablonu.

  6. İçinde ad kutusuna yazın AdventureWorksOrdersViewer.

  7. Tamam düğmesini tıklatın.

    Visual Studio oluşturur AdventureWorksOrdersViewer proje.

Uygulama için varlık veri modeli oluşturma

Veriye bağlı denetimler oluşturabilmeniz için uygulamanız için bir veri modeli tanımlamak ve ona eklemeniz gerekir Veri kaynakları pencere.Bu izlenecek yolda, bir varlık veri modeli veri modelidir.

Varlık veri modeli oluşturmak için

  1. Üzerinde veri menüsünde,'ı Add New Data Source açmak için Data Source Configuration Wizard.

  2. Üzerinde veri kaynağı türü seçin sayfasında,'ı veritabanı[NULL]'ı İleri.

  3. Üzerinde veritabanı modelini seç sayfasında,'ı Varlık veri modeli[NULL]'ı İleri.

  4. Üzerinde Modeli içeriği seçin sayfasında,'ı veritabanından Generate[NULL]'ı İleri.

  5. Üzerinde Choose Your Data Connection sayfasında, aşağıdakilerden birini yapın:

    • Aşağı açılan listesinde AdventureWorksLT örnek veritabanı için bir veri bağlantısı varsa, bunu seçin.

      -veya-

    • ' I Yeni bir bağlantı ve AdventureWorksLT veritabanına bir bağlantı oluşturun.

    Emin olun App.Config varlık bağlantı ayarlarını kaydetmek seçeneği seçilir ve i İleri.

  6. Üzerinde Choose Your Database Objects sayfasında, genişletme Tablove aşağıdaki tablolar'ı seçin:

    • SalesOrderDetail

    • SalesOrderHeader

  7. Son düğmesini tıklatın.

  8. Projeyi yapılandırın.

Veriye bağlı oluşturma o görüntü siparişleri denetler

Sürükleyerek sipariş kayıtları görüntüleyen denetimler oluşturma SalesOrderHeaders Resmi tüzel kişilikten Veri kaynakları wpf designer penceresi.

Sipariş kayıtları görüntüleyen veriye bağlı denetimler oluşturmak için

  1. İçinde Solution Explorer'da, MainWindow.xaml'ı çift tıklatın.

    wpf designer penceresi açılır.

  2. xaml düzenleme bu nedenle Yükseklik ve genişliği özelliklerini 800 için ayarlama

  3. İçinde Veri kaynakları penceresinde, aşağı açılan menüsünü SalesOrderHeaders düğümünü seçip alt Ayrıntıları.

  4. Genişletme SalesOrderHeaders düğümü.

  5. Aşağı açılan menüsünü tıklatın SalesOrderID ve ComboBox.

  6. Her aşağıdaki alt düğümler için SalesOrderHeaders düğüm, aşağı açılan menüsünden sonraki düğümü tıklatıp seçin yok:

    • RevisionNumber

    • OnlineOrderFlag

    • ShipToAddressID

    • BillToAddressID

    • CreditCardApprovalCode

    • Alt toplam

    • TaxAmt

    • Navlun

    • ROWGUID

    • ModifiedDate

    Bu eylem Visual Studio veriye bağlı denetimler bu düğümler için bir sonraki adımda oluşturmasını engeller.Bu izlenecek yolda, son kullanıcı bu verileri görmek uymasının gerekmediğini varsayılır.

  7. Dan Veri kaynakları penceresinde, Sürükle SalesOrderHeaders penceresinde düğüm wpf Designer.

    Visual Studio'nun oluşturduğu veriye bağlı denetimler kümesini oluşturan xaml SalesOrderHeaders varlık ve verileri yükler kodu.Oluşturulan xaml ve kod hakkında daha fazla bilgi için bkz: Visual Studio'da Verilere WPF Denetimleri Bağlama.

  8. Tasarımcısı'nda açılır kutunun yanındaki tıklatın Satış Sipariş No etiket.

  9. İçinde özelliklerini onay kutusunun yanındaki penceresinde select IsReadOnly özelliği.

Sipariş ayrıntılarını görüntüler bir DataGrid oluşturuluyor

Oluşturma bir DataGrid sürükleyerek sipariş ayrıntılarını görüntüleyen denetim SalesOrderDetails Resmi tüzel kişilikten Veri kaynakları wpf designer penceresi.

Sipariş ayrıntılarını görüntüleyen bir DataGrid oluşturmak için

  1. İçinde Veri kaynakları penceresinde, bulup SalesOrderDetails bir alt öğesi düğümü SalesOrderHeaders düğüm.

    [!NOT]

    Ayrıca bir SalesOrderDetails , eş düğüm SalesOrderHeaders düğümü.Alt düğümün seçtiğinizden emin olun SalesOrderHeaders düğümü.

  2. Alt genişletin SalesOrderDetails düğümü.

  3. Her aşağıdaki alt düğümler için SalesOrderDetails düğüm, aşağı açılan menüsünden sonraki düğümü tıklatıp seçin yok:

    • SalesOrderID

    • SalesOrderDetailID

    • ROWGUID

    • ModifiedDate

    Bu veriler de dahil olmak üzere bu eylem Visual Studio engelleyen DataGrid denetim bir sonraki adımda oluşturun.Bu izlenecek yolda, son kullanıcı bu verileri görmek uymasının gerekmediğini varsayılır.

  4. Dan Veri kaynakları penceresinde, alt sürükleyin SalesOrderDetails penceresinde düğüm wpf Designer.

    Visual Studio'nun oluşturduğu yeni bir veriye bağlı tanımlamak için xaml DataGrid ve denetimi Tasarımcısı'nda görünür.Visual Studio da güncelleştirir üretilen GetSalesOrderHeadersQuery yöntemi verileri de içerecek biçimde arkadaki kod dosyasında SalesOrderDetails varlık.

Uygulamayı Test Etme

Yapı ve sipariş kayıtları görüntüler doğrulamak için uygulamayı çalıştırın.

Uygulamayı test etmek için

  1. F5'e basın.

    Uygulamayý oluþturup çalýþtýrýr.Aşağıdakileri doğrulayın:

    • Satış Sipariş No açılan kutu görüntüler 71774.İlk sipariş kimliği varlıkta budur.

    • Her sipariş için seçtiğiniz Satış Sipariş No birleşik giriş kutusu, ayrıntılı sipariş bilgileri görüntülendiği DataGrid.

  2. Uygulamayý kapatýn.

Sonraki Adımlar

Bu izlenecek yolda tamamladıktan sonra nasıl kullanacağınızı öğrenin Veri kaynakları wpf bağlamak için Visual Studio penceresinde diğer veri kaynağı türleri için denetler.Daha fazla bilgi için, bkz. İzlenecek yol: Bir WCF Veri Hizmetine WPF Denetimleri Bağlama ve İzlenecek yol: Bir Veri Kümesine WPF Denetimleri Bağlama.

Ayrıca bkz.

Görevler

Nasıl Yapılır: WPF Uygulamalarındaki İlgili Verileri Görüntüleme

Kavramlar

Visual Studio'da Verilere WPF Denetimleri Bağlama