Порядок выполнения лабораторной работы
1.Использование элемента GridView (DataGrid).
В следующем ниже примере в качестве источника данных используется база данных в формате MS ACCESS, содержащая таблицу lesson с полями:
-
id (тип - счетчик)
-
Title (тип - текст)
-
Teacher (тип - текст)
-
Type (тип - текст)
Создайте файл в формате MS ACCESS, содержащий эту таблицу.
2. Создайте новый проект по шаблону ASP.NET Web Application.
3. Для страницы Default.aspx выберите режим отображения Split
4. Из панели элементов управления Toolbox (отображается с помощью меню View > Toolbox) перетащите в форму элемент GridView (из группы Data).
5. Для элемента GridView настройте источник данных (Choose Data Source, Configure Data Source) и форматирование (можно выбрать один из шаблонов автоформатирования – Auto Format).
6. Автоматически сгенерированный код представления (файл Default.aspx) может выглядеть следующим образом:
<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="Default.aspx.cs"
Inherits="ASPNETGView2._Default" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" >
<head runat="server">
<title>Untitled Page</title>
</head>
<body>
<form id="form1" runat="server">
<div>
<asp:GridView ID="GridView1" runat="server" AutoGenerateColumns="False"
BackColor="White" BorderColor="#E7E7FF" BorderStyle="None" BorderWidth="1px"
CellPadding="3" DataKeyNames="id" DataSourceID="AccessDataSource1"
GridLines="Horizontal">
<FooterStyle BackColor="#B5C7DE" ForeColor="#4A3C8C" />
<RowStyle BackColor="#E7E7FF" ForeColor="#4A3C8C" />
<Columns>
<asp:BoundField DataField="id" HeaderText="id" InsertVisible="False"
ReadOnly="True" SortExpression="id" />
<asp:BoundField DataField="Title" HeaderText="Title" SortExpression="Title" />
<asp:BoundField DataField="Teacher" HeaderText="Teacher"
SortExpression="Teacher" />
<asp:BoundField DataField="Type" HeaderText="Type" SortExpression="Type" />
</Columns>
<PagerStyle BackColor="#E7E7FF" ForeColor="#4A3C8C" HorizontalAlign="Right" />
<SelectedRowStyle BackColor="#738A9C" Font-Bold="True" ForeColor="#F7F7F7" />
<HeaderStyle BackColor="#4A3C8C" Font-Bold="True" ForeColor="#F7F7F7" />
<AlternatingRowStyle BackColor="#F7F7F7" />
</asp:GridView>
<asp:AccessDataSource ID="AccessDataSource1" runat="server"
DataFile="D:\CSharp\ASPNETDataGrid\lessons.mdb"
SelectCommand="SELECT * FROM [lesson]"></asp:AccessDataSource>
</div>
</form>
</body>
</html>
В данном примере использован элемент управления <asp:DataGrid>, имеющий идентификатор "GridView1".