• Pas Northwind.dbml aan, voorzie een klasse Supplier voor de tabel Suppliers:

  

• Voorzie in de Web Site siteNorthwind een nieuwe Web Form ProductsPage.aspx
• Stel ProductsPage.aspx in als Start Page van de Web Site
• Voorzie een titel "Products"
• Voeg een GridView gvProducts toe, kies een Auto Format.
• Kies vanuit de smart tag van gvProducts voor een New Data Source:

  

• Kies voor een LinqDataSource, geef als naam ldsProducts

  

• Kies de NorthwindDataContext als Context Object

  

• Selecteer de tabel Products als Data Selection

  

• Druk Finish en bekijk de pagina in je browser

  

• Als we de data willen updaten en verwijderen, moeten we dit voorzien in de LinqDataSource:

  

• Via de smart tag van gvProducts kan je nu volgende instellingen doen: Enable Paging, Sorting, Editing en Deleting

  

• Je hebt nu een "full blown" grid die sortering, paginering, updates en deletes toestaat.

  

  Als testmateriaal voor een delete kan je de Cécémel on the rocks die we in het vorig hoofdstuk toevoegden verwijderen (je vindt die op het laatste blad wanneer oplopend op id werd gesorteerd).

Kolommen verwijderen

• Verwijder de kolom QuantityPerUnit door via smart tag van gvProducts te kiezen Edit Columns en in het dialoogvenster de respectievelijke kolom te selecteren en op het verwijder-knopje te klikken:

  

  Het spreekt voor zich dat je net zo goed in ProductsPage.aspx de sourcecode kan aanpassen en dus de BoundField voor QuantityPerUnit gewoon uit de code kan verwijderen.

Foreign key-relaties voor SupplierID en CategoryID

• We willen voor elk Product natuurlijk de naam van de leverancier en de naam van de categorie zien in plaats van de id-waarden:

  

• Met de smart tag voor gvProducts kies je Edit columns
• Verander de kolommen voor SupplierID en CategoryID in TemplateField met behulp van de Hyperlink "Convert this field Into a TemplateField"
• Doe voor SupplierID volgende aanpassingen:

  

• Doe analoge aanpassingen voor CategoryID (Category en Category.CategoryName)
• Kies nu via smart tag Edit Templates
• ItemTemplate Supplier: verander de databindings voor het Label (smart tag):

  

• Doe dit ook voor de databinding van het Label in de ItemTemplate voor Category: Eval("Category.CategoryName")
• Voer de toepassing uit: de naam van de leverancier en de categorie worden getoond.

  

  Natuurlijk kan je in ProductsPage.aspx de nodige wijzigingen in de ASP.Net-code doen, met hetzelfde resultaat.

• Wanneer je op "Bewerken" drukt merk je dat de ID's opnieuw de plaats van de namen innemen: de EditItemTemplates zijn nog niet aangepast!

  

• We zullen ervoor zorgen dat in editeermodus de gebruiker de naam van de leverancier en categorie uit een DropDownList kan kiezen
  • Voorzie op de Web Form een LinqDataSource ldsSuppliers voor de Suppliers: Data Selection is Suppliers, Order By stel je in op CompanyName
  • Voorzie op de Web Form een LinqDataSource ldsCategories voor de Categorieën: Data Selection is Category, Order By stel je in op CategoryName
  • Pas de EditItemTemplate voor Supplier aan:
    • Verwijder de TextBox
    • Voeg een DropDownListtoe , via smart tag kies je choose data source, doe volgende instelllingen:

      

    • Pas nu ook nog de Databindings van de DropDownList aan, zodat de huidige leverancier bij editeren van een product geselecteerd is.

      

  • Doe analoge aanpassingen voor de Category
• Bij bewerken van een Product hebben we nu volgende GUI:

  

• Voorzie de tekst 'Category:' gevolgd door een DropDownList ddlCategory onder de titel

  

• Zet de propetry AutoPostBack op true
• Kies via smart tag Choose Data Source
• Gebruik ldsCategories, DataTextField is CategoryName en DataValueField is CategoryID
• Zorg ervoor dat gvProducts wordt gefilterd:
  • Via smart tag kies je Configure Data Source
  • In de stap Data Selection klik je de knop Where, doe volgende instellingen:

    

  • Druk Add, OK en Finish

    

Hier passen we toe wat we in het vorig hoofdstuk in het onderdeel validatie hebben geleerd.

• Pas de zelfgemaakte partial class Product aan in NorthwindDAL:

  namespace NorthwindDAL
  {
      public partial class Product
      {
          partial void OnReorderLevelChanging(short? value)
          {
              if (value < 0)
                  throw new Exception("ReorderLevel mag niet negatief zijn");
  
          }
  
          partial void OnValidate(System.Data.Linq.ChangeAction action)
          {
              if(ReorderLevel > 0 && Discontinued == true)
                 throw new Exception("Product discontinued should have ReorderLevel 0");
          }
      }
  }
  
  

  We zorgen er dus voor dat een product dat we niet meer verdelen steeds een ReorderLevel 0 moet hebben.

• Probeer je dit toch, dan krijg je deze ErrorMessage:

  

• We kunnen een fout gracieuzer opvangen met een Label lblError en het event RowUpdated van gvProducts:

  protected void gvProducts_RowUpdated(object sender, GridViewUpdatedEventArgs e)
  {
      if (e.Exception != null)
      {
          lblError.Text = e.Exception.Message;
          e.ExceptionHandled = true;
          e.KeepInEditMode = true;
      }
  }