1

Databound Controls

2

Objectives

You will be able to use design time data binding to display and update SQL Server database data without writing any C# code.

3

References

Beginning Visual C# 2005 Karli Watson, et al. Wrox Press, 2006

Chapter 25

Unchanged in Visual C# 2008

4

Northwind Traders Database

Add the Northwind Traders database tables to your database on scorpius.

Download SQL script to build tables: http://www.cse.usf.edu/~turnerr/Software_Systems_Develo

pment/Downloads/ File add_northwind_tables.sql

Open a command prompt window and run sqlcmd to execute the script.

See next slide.

5

Execute the Script

6

Check Tables in Server Explorer

7

High Level Components

Data Source Encapsulates Connection and

Command objects.

Databound Textbox Automatic updates both directions

DataGridView Display entire table in grid format Automatic updates both directions

8

ProductData Application

We will create a new version of the Northwind Product Browser using high level components. SQL Data Source Databound Textboxes Databound DataGridView

No C# code!

9

ProductData Application

Create a new C# Windows Forms Application.

Name: ProductData

Set form1 text property to Product Data DO NOT rename form1

On the following slides we will: Add a DataSource to the form.

Configure to access Products table. Add databound textboxes for data.

10

ProductData Application

11

Form1

12

Add a Data SourceOn the Data menu, select Add New Data Source.

13

Data Source Configuration Wizard

14

Data Source Configuration Wizard

Select connection to your SQL Server database.

Or create a new connection if necessary.

15

Data Source Configuration Wizard

16

Data Source Configuration Wizard

Expand Tables, then Products. Select columns. Click Finish.

17

DataSet in Solution Explorer

18

Show Data Sources

To add databound controls to the form, select Show Data Sources on the Data menu

19

Show Data Sources

20

Adding a DataSet to the Program

Expand Products. Drag ProductName to design surface.

21

Adding a DataSet to the Program

Build and run.

22

App Running

Note navigation controls.

23

Add Data to Form

Drag other columns to the design surface.

Arrange and resize labels and textboxes.

Build and run

24

Add Data to Form

25

App Running

End of Section

Note that you can update the data and save it back to the database.

Click the floppy disk icon to save.

26

Using a DataGridView

The DataGridView allows us to display an entire table as a grid.

DataBinding permits all work to be done at design time. No C# code required!

27

Using a DataGridView

Create a new project called Product_Grid

Set form1 Text property to Northwind Products.

DO NOT rename form1.

Add a data source as before. Same configuration.

Show Data Sources.

28

Using a DataGridView

Drag the Products Table to the design surface.

29

Using a DataGridView

Resize the form and the data grid.

30

Using a DataGridView

Anchor the data grid on all four sides. Build and run.

31

Products_Datagrid Running

32

Update

Note that we can update data shown on the grid.

Clicking the “Save” icon will update the database.

33

Summary

Databound Controls permit us to create an data driven application with zero code. Just configure high level components.

Internally these controls use the low level ADO classes that we saw previously.