[C#/ASP.NET] DataList 클래스 사용하기

■ DataList 클래스를 사용하는 방법을 보여준다.

▶ Web.config


<?xml version="1.0" encoding="utf-8"?>
<configuration>
    <system.web>
        <compilation
            targetFramework="4.6"
            debug="true" />
        <httpRuntime targetFramework="4.6" />
    </system.web>
    <connectionStrings>
        <add name="ConnectionString" connectionString="Data Source=(localdb)\MSSQLLocalDb;Initial Catalog=TestDB;Integrated Security=True" />
    </connectionStrings>
</configuration>

<?xml version="1.0" encoding="utf-8"?>

<system.web>

<compilation

targetFramework="4.6"

debug="true" />

</system.web>

</connectionStrings>

</configuration>

▶ MainPage.aspx


<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="MainPage.aspx.cs" Inherits="TestProject.MainPage" %>
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
    <head runat="server">
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
        <title>DataList 클래스 사용하기</title>
    </head>
    <body>
        <form id="form" runat="server">
            <div>
                <asp:DataList ID="dataList" runat="server"
                    BorderWidth="1px"
                    RepeatDirection="Horizontal"
                    RepeatColumns="3"
                    DataSourceID="sqlDataSource">
                    <HeaderTemplate>
                        <span>명칭</span>
                    </HeaderTemplate>
                    <HeaderStyle Font-Bold="true" />
                    <ItemTemplate>
                        <%# Eval("NAME") %>
                    </ItemTemplate>
                    <ItemStyle ForeColor="Green" />
                    <AlternatingItemTemplate>
                        <%# DataBinder.Eval(Container.DataItem, "NAME") %>
                    </AlternatingItemTemplate>
                    <AlternatingItemStyle ForeColor="Blue" />
                </asp:DataList>
                <asp:SqlDataSource ID="sqlDataSource" runat="server"
                    ConnectionString="<%$ ConnectionStrings:ConnectionString %>"
                    SelectCommand="SELECT NAME FROM dbo.Code ORDER BY NAME ASC">
                </asp:SqlDataSource>
            </div>
        </form>
    </body>
</html>

<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="MainPage.aspx.cs" Inherits="TestProject.MainPage" %>

<!DOCTYPE html>

<title>DataList 클래스 사용하기</title>

</head>

<body>

<div>

<asp:DataList ID="dataList" runat="server"

BorderWidth="1px"

RepeatDirection="Horizontal"

RepeatColumns="3"

DataSourceID="sqlDataSource">

</HeaderTemplate>

<%# Eval("NAME") %>

</ItemTemplate>

<%# DataBinder.Eval(Container.DataItem, "NAME") %>

</AlternatingItemTemplate>

</asp:DataList>

<asp:SqlDataSource ID="sqlDataSource" runat="server"

ConnectionString="<%$ ConnectionStrings:ConnectionString %>"

SelectCommand="SELECT NAME FROM dbo.Code ORDER BY NAME ASC">

</asp:SqlDataSource>

</div>

</form>

</body>

</html>

▶ MainPage.aspx.cs


using System;
using System.Web.UI;

namespace TestProject
{
    /// <summary>
    /// 메인 페이지
    /// </summary>
    public partial class MainPage : Page
    {
        //////////////////////////////////////////////////////////////////////////////////////////////////// Method
        ////////////////////////////////////////////////////////////////////////////////////////// Protected

        #region 페이지 로드시 처리하기 - Page_Load(sender, e)

        /// <summary>
        /// 페이지 로드시 처리하기
        /// </summary>
        /// <param name="sender">이벤트 발생자</param>
        /// <param name="e">이벤트 인자</param>
        protected void Page_Load(object sender, EventArgs e)
        {
        }

        #endregion
    }
}

using System;

using System.Web.UI;

namespace TestProject

{

/// <summary>

/// 메인 페이지

/// </summary>

public partial class MainPage : Page

{

//////////////////////////////////////////////////////////////////////////////////////////////////// Method

////////////////////////////////////////////////////////////////////////////////////////// Protected

#region 페이지 로드시 처리하기 - Page_Load(sender, e)

/// <summary>

/// 페이지 로드시 처리하기

/// </summary>

/// <param name="sender">이벤트 발생자</param>

/// <param name="e">이벤트 인자</param>

protected void Page_Load(object sender, EventArgs e)

{

}

#endregion

}

TestProject.zip
TestDB.zip