BIM211 – Visual Programming Database Operations II 1

Contents Adding a new record into database Changing an existing record Deleting a record Displaying data from multiple tables 2

3. Writing the Program a)Adding database file into solution b)Displaying students c)Adding new student d)Changing student info e)Deleting a student f)Displaying all courses a student take 3

c) Adding New Student 4

Create a New Form “frmNewStudent” 5 tbFirstName tbLastName calBirthDay numAge btnOK with DialogResult = OK btnCancel with DialogResult = Cancel

Alternatively, you can select “Details” in the Data Sources window and drag & drop Students DetailsView on the form 6

Delete the toolbar, put an OK and a Cancel button and delete the code in the Page Load 7

Drag & Drop a StudentsTableAdapter object onto the form (if there isn’t any) 8

Double-Click OK Button and Write the Following Code studentsTableAdapter1.Insert( tbFirstName.Text, tbLastName.Text, calBirthDay.Value, (short)numAge.Value); 9

Add a Button to Main Form 10

Double-Click the Button and Write the Following Code: frmNewStudent frm = new frmNewStudent(); DialogResult result = frm.ShowDialog(); if (result == DialogResult.OK) { studentsTableAdapter.Fill( schoolDataSet.Students); } 11

Run the Program 12

Click “New Student” button, enter data, and click OK 13

Some Notes If you close your application, make some changes in your program, build the program again, and execute the program, the last added records won’t be visible! This is because each time you build the project, original database file is copied into the Debug folder in your solution and all operations are made on this copy. 14

Some Notes (continued) You can click the database file in the Solution Explorer window and select “Copy if newer” from the “Copy to output directory” property in the Properties window 15

d) Changing Student Info 16

Create a new form “frmChangeStudent” similar to “frmNewStudent” 17

Alternative Way You can select “Details” in the Data Sources window and drag & drop the Students DetailsView on the form (like slides 6 and 7) 18

Binding Data to the Controls In order to fill the controls, we are going to use data binding feature instead of changing contents of the controls. The frmChangeStudent form needs the StudentID to display the data of the selected student. For this purpose, create a property in frmChangeStudent form. This property will transfer student ID from main form to frmChangeStudent form. 19

In the class definition, write “prop” 20

Press “Tab” key two times 21

The type of the property is “int” and it is ok, so press “Tab” key 22

Write “StudentID” as the name of the property 23

All spaces are filled, so press “Enter” key. The property is ready now! 24

Binding Controls 25

Select “First Name” text box. You’ll see “DataBindings” section in the Properties window 26

We want to bind the Text property of the textbox, so click “Text” 27

Click the arrow button on the right 28

Click plus sign near “Other Data Sources” 29

Click plus sign near “Project Data Sources” 30

Click plus sign near “SchoolDataSet” 31

Click plus sign near “Students” and click “FirstName” field 32

Text is now bound and three controls have appeared 33

Bind “Last Name” text box 34

Bind “Value” (not “Text”) property of the calendar object 35

Bind “Value” of the numeric up/down object 36

Notice that a new “Fill” code has added into the “Load” event of the form 37

“FillByStudentID” instead of “Fill” We want to display the data of only one student. So, we need to use FillByStudentID method instead of Fill method. Delete the line and write this: this.studentsTableAdapter.FillByStudentID( this.schoolDataSet.Students, this.StudentID); 38

Load event handler of the form 39

OK Button When the form is displayed, the data of the student is displayed on the controls. User changes these data and presses OK button. So, we need to write updating code into the Click event of the OK button. 40

Updating to Database The modifications made by the used must be applied to the data set. This is accomplished by the EndEdit() method of the BindingSource object. The changes on the data set is applied to the database by the Update() method of the studentTableAdapter object. 41

OK Button Click Event Double-click the OK button and write this code: this.studentsBindingSource.EndEdit(); this.studentsTableAdapter.Update( this.schoolDataSet.Students); 42

All Codes 43

Passing Student ID Now, the form can display and update the data of the student whose ID is specified by the StudentID property. So, we need to set this property before the form is shown. This should be done in the main form. 44

Getting the ID of the selected student The ID of the student selected from the DataGridView object can be obtained in two ways: 1.Get the ID from the first cell of the selected row or the DataGridView. 2.Get the ID from the binding source object. 45

1. Getting ID from DataGridView int studentID = (int)dataGridView1.SelectedRows[0].Cells[0].Value; In order this code to be successfully executed, you need to set MultiSelect property of the DataGridView object to False and SelectionMode property to FullRowSelect. 46

2. Getting ID from Binding Source When a row is selected in the DataGridView object, the information about the selected row is stored in binding source object. You can get the StudentID by using this code: DataRowView rowView = (DataRowView)studentsBindingSource.Current; SchoolDataSet.StudentsRow row = (SchoolDataSet.StudentsRow)rowView.Row; int studentID = row.StudentID; 47

Alternative Way int pos = this.studentsBindingSource.Position; int studentID = (int)this.schoolDataSet.Students.Rows[pos]["StudentID"]; 48

Creating the frmChangeStudent dialog and passing student ID Add a new button with the text “Change Student Info” into the main form. Write the code given in the next slide into the Click event handler of the button. 49

DataRowView rowView = (DataRowView)studentsBindingSource.Current; SchoolDataSet.StudentsRow row = (SchoolDataSet.StudentsRow)rowView.Row; int studentID = row.StudentID; frmChangeStudent frm = new frmChangeStudent(); frm.StudentID = studentID; DialogResult result = frm.ShowDialog(); if (result == DialogResult.OK) { // Update the DataGridView: this.studentsTableAdapter.Fill(this.schoolDataSet.Students); } 50

Run the program, select a student, and click “Change Student” button 51

The student info is displayed: 52

Change values and click OK 53

The data has been changed! 54

e) Deleting a Student 55

Add a “Delete Student” button into the main form 56

Double-click the button and write the following code: // Get the selected row: DataRowView rowView = (DataRowView)studentsBindingSource.Current; SchoolDataSet.StudentsRow row = (SchoolDataSet.StudentsRow)rowView.Row; // Delete the student: this.studentsTableAdapter.Delete(row.StudentID, row.FirstName, row.LastName, row.BirthDay, row.Age); // Update DataGridView: this.studentsTableAdapter.Fill(schoolDataSet.Students); 57

f) Displaying All Courses a Student Take 58

Add a “Display Courses” button into the form 59

Create a new form “frmStudentCourses” 60

Select “Courses” as the Data Source of the DataGridView object 61

Click “Add Query…” command of coursesTableAdapter object 62

Write “FillByStudentID” into the query name box and click “Query Builder” 63

Right-Click on the empty area and select “Add Table…” command 64

Select both Enrolment and Students tables and click Add button 65

Tables are displayed in Query Builder, click Close button 66

Tables are automatically joined on CourseID and StudentID fields 67

Scroll down to an empty “Column” cell and select “Students.StudentID” 68

Go to the “Filter” column and write “=?” 69

Go to the “Output” column and clear the check box 70

If you wish, you can execute the query. Click OK to return to the previous window 71

Click OK to return to the program 72

Select the toolstrip and delete it 73

Go to the code view and add a property named StudentID 74

Go to the Load event of the form and change the code 75

Go back to the main form and double- click “Display Courses” button 76

Write this code into the Click event 77

Execute the program, select a student, and click “Display Courses” 78

Courses taken by the student are displayed but first and last names of the student are missing! 79

Select “First Name” label and bind its Text to “FirstName” field as shown below 80

Select “Last Name” label and bind its Text to “LastName” field as shown below 81

Go to the Load event and change Fill method to FillByStudentID method 82

Execute the program, select a student, and click “Display Courses” 83

First and last names of the student are successfully displayed now! 84