Методические указания к практическим занятиям
жүктеу/скачать 22,46 Mb.
|
МУ Базы данных SQL Server2012 Винокурова
Лабораторная работа №9Создание сложных ленточных форм для работы с даннымиЦель:1. Научиться создавать сложные ленточные формы для работы с данными. Модернизируем форму для таблицы «Студенты». Сначала программно продублируем кнопки панели навигации, расположенной в верхней части фор- мы. Откройте проект StudentsDB и отобразите форму таблицы студенты (Form4). В нижней части формы расположите семь кнопок, как это показано на рисунке 123. Рисунок 123 — Добавление кнопок на форму «Таблица «Студенты»» В качестве надписей на созданных кнопках (Свойство “Text”) задайте: «Первая», «Предыдущая», «Добавить», «Последняя», «Следующая», «Удалить» и «Сохранить» (рис. 124). Рисунок 124 — Добавление надписей на кнопки Дважды щёлкните левой кнопкой мыши по кнопке «Первая» и в появив- шемся окне кода формы Form4 в процедуре Button1_Click наберите команду для перехода к первой записи «СтудентыBindingSource.MoveFirst()» (рис. 125). Рисунок 125 — Программный код для перехода на первую запись в форме «Таблица «Студенты»» Дважды щелкните левой кнопкой мыши по кнопке «Предыдущая» и в по- явившемся окне кода формы Form4 в процедуре Button2_Click наберите коман- ду для перехода к предыдущей записи «Студен- тыBindingSource.MovePrevious()» (рис. 126). Рисунок 126 — Программный код для перехода на предыдущую запись в форме «Таблица «Студенты»» Дважды щелкните левой кнопкой мыши по кнопке «Добавить» и в по- явившемся окне кода формы Fom4 в процедуре Button3_Click наберите команду для добавления новой записи «СтудентыBindingSource.AddNew()» (рис. 127). Рисунок 127 — Программный код для добавления записи в форме «Таблица «Студенты»» Дважды щёлкните левой кнопкой мыши по кнопке «Последняя» и в по- явившемся окне кода формы Form4 в процедуре Button4_Click наберите коман- ду для перехода к последней записи «СтудентыBindingSource.MoveLast()» (рис. 128). Рисунок 128 — Программный код для перехода на последнюю запись в форме «Таблица «Студенты»» Дважды щелкните левой кнопкой мыши по кнопке «Следующая» и в по- явившемся окне кода формы Form4 в процедуре Button5_Click наберите коман- ду для перехода к следующей записи «СтудентыBindingSource.MoveNext()» (рис. 129). Рисунок 129 — Программный код для перехода на следующую запись в форме «Таблица «Студенты»» Дважды щёлкните левой кнопкой мыши по кнопке «Удалить» и в по- явившемся окне кода формы Form4 в процедуре Button6_Click наберите коман- ду для удаления текущей записи «СтудентыBindingSource.RemoveCurrent()» (рис. 130). Рисунок 130 — Программный код для удаления записи в форме «Таблица «Студенты»» Дважды щёлкните левой кнопкой мыши по кнопке «Сохранить» и в по- явившемся окне кода формы Form4 в процедуре Button7_Click наберите коман- ду для сохранения изменений, отображённую на рисунке 131. Рисунок 131 — Программный код для сохранения изменений в форме «Таблица «Студенты»» Рассмотрим последнюю процедуру более подробно. Она содержит сле- дующие команды: Me.Validate() — проверяет введённые в поля данные на соответствие ти- пам данных полей; Me.СтудентыBindingSource.EndEdit() — закрывает подключение с серве- ром; Me.TableAdapterManager.UpdateAll(Me.StudentsDataSet) — обновляет данные на сервере. Для проверки работы созданных кнопок запустите проект, откройте фор- му «Таблица «Студенты»» и нажмите каждую из кнопок. Теперь изменим элементы, отображающие поля, для более удобного вво- да информации. Для начала удалите текстовые поля ввода (TextBox), отобра- жающие следующие поля таблицы «Студенты»: «Пол», «Родители», «Теле- фон», «Номер зачётной книжки», «Курс» и «Код специальности». После удале- ния перечисленных полей форма, отображающая таблицу «Студенты», примет следующий вид (рис. 132). Для отображения полей «Телефон» и «Номер зачётной книжки» будем использовать текстовые поля ввода по маске (MaskedTexBox). Элемент тексто- вое поле ввода по маске отсутствует в выпадающем списке элементов для отоб- ражения полей в окне «Источники данных», поэтому будем создавать данные элементы при помощи панели элементов (Toolbox), а затем подключать их к соответствующим полям вручную. Для создания текстовых полей ввода по маске на панели элементов используется кнопка . Создайте текстовые поля ввода по маске справа от надписей «Телефон» и «Номер зачёт- ной книжки», как это показано на рисунке 133. Рисунок 132 — Форма «Таблица «Студенты»» после удаления ряда полей Рисунок 133 — Добавление текстовых полей ввода по маске на форму «Таблица «Студенты»» Теперь у созданных элементов настроим маски ввода. Начнём с элемента, отображающего номер зачётной книжки. На форме выделите соответствующее полю «Номер зачётной книжки» текстовое поле ввода по маске. Для задания маски в меню действий с элементом выберите пункт “Set Mask...” («Установка маски...») (рис. 134). Замечание: Для отображения меню действий в верхнем правом углу эле- мента необходимо нажать кнопку (рис. 134). После выбора пункта “Set Mask...” («Установка маски…») на экране по- явится окно задания маски “Input Mask” («Маска ввода») (рис. 135). В окне “Input Mask” («Маска ввода») выберите маску “Numeric (5-digits)” (Числовое (5-цифр)) и нажмите кнопку «OК» (рис. 136). Рисунок 134 — Меню для задания маски текстового поля ввода по маске Рисунок 135 — Окно задания маски ввода Рисунок 136 — Выбор маски «Числовое (5 цифр)» Теперь зададим маску для текстового поля ввода по маске, отображающе- го поле «Телефон». Задайте маску, как показано на рисунке 137. Рисунок 137 — Задание специальной маски ввода Теперь нам необходимо подключить созданные текстовые поля ввода по маске к соответствующим полям таблицы «Студенты». Для этого с панели «Ис- точники данных» (“DataSources”) перетащите поле «Номер зачётной книжки» на текстовое поле ввода по маске, расположенное справа от надписи «Номер зачётной книжки». Проделайте такую же операцию с полем «Телефон». На этом мы заканчиваем работу с текстовыми полями ввода по маске и переходим к отображению поля «Курс» при помощи числового счётчика (эле- мент NumericUpDown). Для этого на панели «Источники данных» (“DataSources”) нажмите кнопку, расположенную справа от поля «Курс» и в выпадающем списке выберите объект для отображения данного поля как “NumericUpDown” («Числовой счетчик») (рис . 138). Рисунок 138 — Выбор типа объекта Затем перетащите поле на форму мышью, расположив, его справа от надписи «Курс». жүктеу/скачать 22,46 Mb. Достарыңызбен бөлісу:
|