Introducing .NET 4.0: with Visual Studio 2010

11.7. Master-Detail Binding

A common scenario in line-of-business applications is the need to create master-detail forms. The DataView control makes this very easy; let's see how:

1. Copy the existing dataviewProgrammatic.htm, and rename the new file to dataviewMasterDetail.htm.

2. Replace the existing <script> block with the following:

   <script type="text/javascript"> Sys.require([Sys.components.dataView], function() { var people = [ { Name: "Alex Mackey", Age: "28", Address: "20 Tree road", Telephone: "888888" }, { Name: "Sharyn Mackey", Age: "35", Address: "10 Oak ave", Telephone: "777777" }, { Name: "Brett Chaney", Age: "33", Address: "50 Wayside Road", Telephone: "6666666" }, { Name: "Jenny Chia", Age: "24", Address: "88 Burleigh Gardens", Telephone: ...