Sdílet prostřednictvím

Návod: Zobrazování souvisejících dat v aplikaci WPF

  • Článek

V tomto návodu vytvoří WPF aplikace, která zobrazuje data z databázové tabulky, které mají vztah nadřazený podřízený.Data zapouzdřena v podnicích v modelu dat Entity.Nadřazená entita obsahuje přehled informací pro sadu objednávek.Každá vlastnost tohoto subjektu je vázán na jiný ovládací prvek v aplikaci.Podřízené entity obsahuje podrobnosti pro každou objednávku.Tato sada dat je vázán DataGrid řízení.

Tento návod ilustruje následující úkoly:

  • Vytváření aplikací WPF a datový Model entita, vytvořený z dat v ukázkové databázi AdventureWorksLT.

  • Vytváření sady ovládací prvky vázané na data zobrazit přehled informací o nastavení objednávek.Vytvořit ovládací prvky přetažením nadřazenou entitu z Zdroje dat okno na WPF Designer.

  • Vytváření DataGrid ovládací prvek, který zobrazuje související podrobnosti pro každou vybranou objednávku.Vytvořit ovládací prvky přetažením podřízeného subjektu z Zdroje dat okna do okna v WPF designer.

    [!POZNÁMKA]

    Na vašem počítači se můžou v následujících pokynech zobrazovat jiné názvy nebo umístění některých prvků uživatelského rozhraní Visual Studia. Tyto prvky jsou určeny edicí sady Visual Studio a použitým nastavením. Další informace najdete v tématu Přizpůsobení nastavení pro vývoj v sadě Visual Studio.

Požadavky

Chcete-li dokončit tento návod, potřebujete následující komponenty:

  • Visual Studio.

  • Přístup k spuštěna instance serveru SQL Server nebo SQL Server Express s připojeným ukázkovou databázi AdventureWorksLT.Můžete stáhnout z databáze AdventureWorksLT webu CodePlex.

Předchozí znalosti těchto pojmů je také užitečné, ale nejsou vyžadovány dokončit návod:

Vytváření projektu

Vytvoření nového projektu WPF zobrazení pořadí záznamů.

Vytvořit nový projekt WPF

  1. Spusťte aplikaci Visual Studio.

  2. V nabídce File (Soubor) přejděte na příkaz New (Nový) a klepněte na příkaz Project (Projekt).

  3. Rozbalte Visual C# nebo jazyka Visual Basica pak vyberte Windows.

  4. Ujistěte se, že 4 rozhraní.NET Framework je vybrána v poli se seznamem v horní části dialogového okna.DataGrid Ovládací prvek, který slouží v tomto návodu je k dispozici pouze 4 rozhraní.NET Framework.

  5. Vyberte Aplikací WPF šablona projektu.

  6. V název zadejte AdventureWorksOrdersViewer.

  7. Klikněte na tlačítko OK.

    Visual Studio vytvoří AdventureWorksOrdersViewer projektu.

Vytvoření modelu entita dat pro aplikaci

Než vytvoříte ovládací prvky vázané na data, musíte definovat datový model aplikace a přidejte jej do Zdroje dat okna.V tomto návodu model dat je datový Model entita.

Chcete-li vytvořit datový Model entita

  1. Na Data nabídky, klepněte na tlačítko Přidat nový zdroj dat otevřete Průvodce konfigurací zdroje dat.

  2. Na Vyberte typ zdroje dat klepněte na možnost databázea klepněte na tlačítko Další.

  3. Na zvolit Model databáze klepněte na možnost Modelu dat Entitya klepněte na tlačítko Další.

  4. Na Zvolte obsah modelu klepněte na možnost Generovat z databázea klepněte na tlačítko Další.

  5. Na Zvolte datové připojení stránky, proveďte jeden z následujících:

    • Pokud je k dispozici v rozevíracím seznamu datové připojení k ukázkové databázi AdventureWorksLT, vyberte jej.

      -nebo-

    • Klepněte na tlačítko Nové připojení a vytvořit připojení k databázi AdventureWorksLT.

    Ujistěte se, že Uložit nastavení připojení entity v App.Config jako je vybrána možnost a klepněte na tlačítko Další.

  6. Na Zvolte databázové objekty stránky, rozbalte položku tabuleka pak vyberte následující tabulky:

    • SalesOrderDetail

    • SalesOrderHeader

  7. Klepněte na tlačítko Dokončit.

  8. Projekt sestavte.

Vytváření vázané na Data řídí tato zobrazení objednávky

Vytvořit ovládací prvky, které přetažením zobrazení pořadí záznamů SalesOrderHeaders entity z Zdroje dat okna WPF designer.

Chcete-li vytvořit ovládací prvky vázané na data, které zobrazují pořadí záznamů

  1. V Aplikaci Solution Explorer, poklepejte na položku MainWindow.xaml.

    Okno v WPF designer.

  2. Upravit XAML tak na Výška a šířky vlastnosti jsou nastaveny na 800

  3. V Zdroje dat okna, klepněte na rozevírací nabídku pro SalesOrderHeaders uzlu a vyberte Podrobnosti O.

  4. Rozbalte SalesOrderHeaders uzel.

  5. Klepněte na rozevírací nabídku vedle SalesOrderID a vyberte ComboBox.

  6. Pro každý následující podřízené uzly SalesOrderHeaders uzel, klepněte na tlačítko rozevírací nabídky další uzel a vyberte žádný:

    • RevisionNumber

    • OnlineOrderFlag

    • ShipToAddressID

    • BillToAddressID

    • CreditCardApprovalCode

    • Mezisoučet

    • TaxAmt

    • Dopravné

    • ROWGUID

    • ModifiedDate

    Tato akce zabrání vytvoření ovládací prvky vázané na data pro tyto uzly v dalším kroku Visual Studio.Tohoto postupu se předpokládá, že uživatel nemusí zobrazit tato data.

  7. Z Zdroje dat okna, přetáhněte SalesOrderHeaders do okna v uzlu WPF Designer.

    Visual Studio generuje XAML, která vytvoří sadu ovládacích prvků, které jsou vázány na data SalesOrderHeaders entity a kód, který načte data.Další informace generované XAML a kódu Vázání ovládacích prvků WPF k datům v sadě Visual Studio.

  8. V Návrháři klepněte vedle pole se seznamem ID prodejní objednávky popisek.

  9. V Vlastnosti okně, zaškrtněte políčko vedle IsReadOnly vlastnost.

Vytvoření komponenta DataGrid, které zobrazí podrobnosti objednávky

Vytvořit DataGrid ovládací prvek zobrazující podrobnosti objednávky přetažením SalesOrderDetails entity z Zdroje dat okna WPF designer.

Vytvoření ovládacího prvku DataGrid, který zobrazuje podrobnosti objednávky

  1. V Zdroje dat okna, vyhledejte SalesOrderDetails uzel, který je podřízeným SalesOrderHeaders uzel.

    [!POZNÁMKA]

    Je také SalesOrderDetails uzel, který je rovnocenný SalesOrderHeaders uzel.Vybrat podřízeného uzlu SalesOrderHeaders uzel.

  2. Rozbalit podřízené SalesOrderDetails uzel.

  3. Pro každý následující podřízené uzly SalesOrderDetails uzel, klepněte na tlačítko rozevírací nabídky další uzel a vyberte žádný:

    • SalesOrderID

    • SalesOrderDetailID

    • ROWGUID

    • ModifiedDate

    Tato akce zabrání včetně dat v aplikaci Visual Studio DataGrid v dalším kroku vytvoříte ovládací prvek.Tohoto postupu se předpokládá, že uživatel nemusí zobrazit tato data.

  4. Z Zdroje dat okna, přetáhněte podřízené SalesOrderDetails do okna v uzlu WPF Designer.

    Visual Studio generuje XAML definovat nové vázanými daty DataGrid řízení a ovládací prvek zobrazí v návrháři.Visual Studio také aktualizuje vytvořené GetSalesOrderHeadersQuery metody v souboru zahrnout data v kódu na pozadí SalesOrderDetails entity.

Testování aplikace

Vytvořit a spustit aplikaci ověřit zobrazuje pořadí záznamů.

Testování aplikace

  1. Stiskněte tlačítko F5.

    Aplikace vytvoří a spustí.Zkontrolujte následující:

    • ID prodejní objednávky seznamem zobrazí 71774.Toto je první ID objednávky v entitě.

    • Pro každou objednávku vyberte v ID prodejní objednávky pole se seznamem pořadí podrobné informace zobrazeny v DataGrid.

  2. Ukončete aplikaci.

Další kroky

Po dokončení tohoto postupu, Naučte se používat Zdroje dat okna v aplikaci Visual Studio WPF svázat ovládací prvky na jiné typy zdrojů dat.Další informace naleznete v tématu Návod: Vytvoření vazby ovládacích prvků WPF služby WCF Data Service a Návod: Vytvoření vazby ovládacích prvků WPF k datové sadě.

Viz také

Úkoly

Postupy: Zobrazení souvisejících dat v aplikaci WPF

Koncepty

Vázání ovládacích prvků WPF k datům v sadě Visual Studio