BulletedList Control
BulletedList는 ListControl의 파생 클래스이므로 ListControl에서 파생된 다른 컨트롤들(CheckBoxList, RadioButtonList, ListBox, DropDownList)과 비슷한 점이 많습니다. ListControl에서 파생된 다른 컨트롤들과의 차이는 렌더링된 모양의 차인데, BulletedList는 기본적으로 좌측에 점(Bullet)이 찍힌 텍스트의 목록을 출력합니다. 그러나 BulletedList의 기능이 단지 텍스트의 목록을 출력하는 것이라면 그다지 쓰임새가 많지 않을 것입니다. 출력되는 각 요소는 단순 텍스트뿐만 아니라 하이퍼링크나 버튼 형식이 될 수 있으므로 다양한 용도로 사용이 가능합니다.
아래는 간단한 DEMO입니다.
============================
Result:
==============================
ASP.NET 웹 사이트를 만들고 "BulletedList"라는 폴더를 만든다. 폴더 안에 "BulletedListControlTest"라는 WebForm을 추가 합니다. SQL Server에 Test라는 Database를 만들고 아래와 같이 테이블을 설계 합니다.
BulletedListControlTest.aspx
=======================
<%@ Page Language="C#" AutoEventWireup="true" CodeFile="BulletedListControlTest.aspx.cs" Inherits="BulletedList_BulletedListControlTest" %>
<%@ Import Namespace="System.Data.SqlClient" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<script runat="server">
protected void Page_Load(object sender, EventArgs e)
{
if (!IsPostBack)
{
ConnectionStringSettings connection = ConfigurationManager.ConnectionStrings["connection"];
string cmdText = "select AlternateText,NavigateUrl from AdRotator";
SqlConnection con = new SqlConnection(connection.ConnectionString);
SqlCommand cmd = new SqlCommand(cmdText, con);
con.Open();
SqlDataReader sdr = cmd.ExecuteReader();
BulletedList1.DataSource = sdr;
BulletedList1.DataBind();
sdr.Close();
con.Close();
}
}
protected void BulletedList2_Click(object sender, BulletedListEventArgs e)
{
string text = BulletedList2.Items[e.Index].Text;
string value = BulletedList2.Items[e.Index].Value;
Response.Write("Selected Text: " + text + "<br />" + "Selected Value: " + value);
}
</script>
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<title>BulletedListControl Test</title>
</head>
<body>
<form id="form1" runat="server">
<div>
<asp:BulletedList ID="BulletedList1" runat="server" DisplayMode="HyperLink" DataTextField="AlternateText" DataValueField="NavigateUrl"
Target="_blank"></asp:BulletedList><br />
<asp:BulletedList ID="BulletedList2" runat="server" DisplayMode="LinkButton"
BulletStyle="Numbered" FirstBulletNumber="4" onclick="BulletedList2_Click">
<asp:ListItem Value="4">Four</asp:ListItem>
<asp:ListItem Value="5">Five</asp:ListItem>
<asp:ListItem Value="6">Six</asp:ListItem>
</asp:BulletedList>
<br />
<asp:BulletedList ID="BulletedList3" runat="server" DisplayMode="HyperLink" Target="_blank" BulletStyle="Circle">
<asp:ListItem Value="http://baidu.com%22%3ebaidu%3c/asp:ListItem>
<asp:ListItem Value="http://google.com%22%3egoogle%3c/asp:ListItem>
</asp:BulletedList>
</div>
</form>
</body>
</html>
