WebDataControl - FrmListView 컨트롤 (데이터 출력 컨트롤)
.NET프로그래밍/ASP.NET 3.5 SP1 2009. 10. 19. 15:48 |
'도구상자'의 "ListView"컨트롤을 FrmListView.aspx의 <div>태그안에 마우스로 "드래그&드롭" --> "ListView 컨트롤"의 '스마트버튼' 마우스로 클릭 -> "데이터 소스 구성" 마우스로 클릭하여 '마법사' 창을 통해 (SqlDataSource컨트롤에서와 같은 과정으로 하되, 단 아래그림과 같이 "Num", "Name", "Email"체크박스에만 체크하고, "ORDER BY"에서 "Num"의 DESC(내림차순)로) 데이터베이스에 연결한다.
아래그림과 같이 "ListView 컨트롤"의 '스마트버튼' 마우스로 클릭 --> "ListView 구성 ..."을 마우스로 클릭하여, '레이아웃 선택' 및 '스타일 선택'을 하고 "페이징 사용"체크박스에 체크하여 페이징 기능을 넣는다.
[FrmListView.aspx] 소스코드 및 디자인
<%@ Page Language="C#" AutoEventWireup="true" CodeFile="FrmListView.aspx.cs" Inherits="FrmListView" %>
<!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></title>
</head>
<body>
<form id="form1" runat="server">
<div>
리스트뷰 컨트롤을 사용해서 데이터 출력<br />
<br />
<asp:ListView ID="ListView1" runat="server" DataSourceID="SqlDataSource1"
DataKeyNames="Num">
<LayoutTemplate>
<table border="1">
<tr><td>번호</td><td>이름</td></tr>
<tr id="itemPlaceholder" runat="server"></tr>
</table>
<asp:DataPager ID="DataPager1" runat="server" PageSize="1">
<Fields>
<asp:NumericPagerField
ButtonCount="2"
PreviousPageText="이전"
NextPageText="다음" />
</Fields>
</asp:DataPager>
</LayoutTemplate>
<ItemTemplate>
<tr>
<td><%# Eval("Num") %></td><td><%# Eval("Name") %></td>
</tr>
</ItemTemplate>
</asp:ListView>
<asp:SqlDataSource ID="SqlDataSource1" runat="server"
ConnectionString="<%$ ConnectionStrings:ConnectionString %>"
SelectCommand="SELECT [Num], [Name], [Email] FROM [Memos] ORDER BY [Num] DESC">
</asp:SqlDataSource>
</div>
</form>
</body>
</html>
아래그림의 [FrmListView.apsx] 디자인에서 "ListView 컨트롤"에 페이징 기능이 적용된 것을 볼 수 있다.
-------------------------------------------------------------------------------------
[실행결과]
'.NET프로그래밍 > ASP.NET 3.5 SP1' 카테고리의 다른 글
| WebDataControl - Repeater 컨트롤(데이터 출력 컨트롤) (0) | 2009.10.19 |
|---|---|
| WebDataControl - DataList 컨트롤 (데이터 출력 컨트롤) (0) | 2009.10.19 |
| WebDataControl - GridView 컨트롤 (데이터 출력 컨트롤) (0) | 2009.10.19 |
| WebDataControl - FormView컨트롤 (0) | 2009.10.19 |
| WebDataControl - SqlDataSource컨트롤 (0) | 2009.10.19 |