블로그 이미지
Magic_kit
study 관련자료를 한곳으로 자기 개발 목적으로 재태크 재무 관리 목적으로 일상생활의 팁을 공유 하기 위하여 블로그를 개설 하였습니다.

calendar

1 2 3 4
5 6 7 8 9 10 11
12 13 14 15 16 17 18
19 20 21 22 23 24 25
26 27 28 29 30 31

Category

Recent Post

Recent Comment

Archive

'.Net Project/ASP.NET 3.5 Sp1'에 해당되는 글 117

  1. 2009.10.27 46장 데이터 컨트롤(DataList)
  2. 2009.10.27 45장 데이터 컨트롤(GridView)
  3. 2009.10.27 44장 데이터 컨트롤(SqlDataSource)
  4. 2009.10.27 43장 데이터 컨트롤(ListView)
2009. 10. 27. 02:35 .Net Project/ASP.NET 3.5 Sp1
반응형

DataList 컨트롤이란 ??

템플릿을 사용하여 항목을 표시하는 데이터바인팅된 목록 컨트롤

DataList 컨트롤을 사용하여 템플릿 기반 데이터 바인딩된 목록을 표시한다. 


 DataList.aspx
<%@ Page Language="C#" AutoEventWireup="true" CodeFile="FrmDataList.aspx.cs"
    Inherits
="FrmDataList" %>

 

<!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>

   

        DataList.aspx 출력<br />

        <br />

 

        <asp:DataList ID="DataList1" runat="server" DataKeyField="Num"

            DataSourceID="SqlDataSource1">

            <ItemTemplate>

                이름 : <%# Eval("Name") %>,

                이메일 : <%# DataBinder.Eval(Container.DataItem, "Email") %>,

                IP주소 : <%# Eval("PostIP") %>

            </ItemTemplate>

            <SeparatorTemplate>

                <hr />

            </SeparatorTemplate>

            <HeaderTemplate>

                제목

            </HeaderTemplate>

            <FooterTemplate>

                푸터

            </FooterTemplate>

            <AlternatingItemStyle BackColor="Yellow" />

        </asp:DataList>

 

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

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

            SelectCommand="SELECT * FROM [Memos] ORDER BY [Num] DESC">

        </asp:SqlDataSource>

   

    </div>

    </form>

</body>

</html>






반응형
posted by Magic_kit
2009. 10. 27. 02:35 .Net Project/ASP.NET 3.5 Sp1
반응형
- 가장 많이 쓰이는 데이터 컨트롤
- AutoGenerateColumns : 기본값은 true 자동 출력.
                                          false 하면 실행안됨. 사용자 정의 하고 싶을 false 지정
                                          
원하는 , 데이터로 꾸미고 싶을 false 두기

- Columns : GridView안으로 들어가서 하나의 항목 만들고 싶을  
        BoundField : 단지 출력만
          DataField : 어떤 필드를 출력할 것인가 DataField ="Num"으로 하면 번호만 출력
          HeaderText : 제목
          DataFormatString="{0:yyyy-mm-dd}" : 데이터 출력 형식 정하기

          HyperLinkField : 링크 걸고 싶을
          DataTextField : 밖으로 보여지는 필드

          DataNavigateUrlField : 갖는
          DataNavigateUrlFormatString : 이동할 페이지 지정

          TemplateField : 원하는 모양으로 만들어
          ItemTemplate : 출력하고자 하는 내용 출력. 홀수 행, 작성일 출력하고 싶을


<%# %> : 데이터 바인딩식. 자리에 내가 원하는 필드 출력
<%# DataBinder.Eval("Contaner.DataItem, "PostDate", "{0:yyyy-MM-dd}" %>
<%# Eval("PostDate") %>


 FrmGridVeiw.Aspx
 

<asp:GridView ID="GridView1" runat="server"

            AutoGenerateColumns="False"

            DataKeyNames="Num" ShowFooter="true"

            DataSourceID="SqlDataSource1" 
            onrowdatabound
="GridView1_RowDataBound">

            <Columns>

                <asp:BoundField DataField="Num"
                   
 HeaderText="
번호" ItemStyle-Width="100px"

                    ItemStyle-HorizontalAlign="Center"                   

                    HeaderStyle-BackColor="Blue"

                    HeaderStyle-ForeColor="White"

                    FooterStyle-BackColor="Aqua"

                    />

                <asp:TemplateField HeaderText="이름">

                    <ItemTemplate>

                        <a href='mailto:<%# Eval("Email") %>'>

                            <%# Eval("Name") %>

                        </a>

                    </ItemTemplate>

                </asp:TemplateField>

                <asp:HyperLinkField HeaderText="이름"

                    DataTextField="Name"

                    DataNavigateUrlFormatString="View.aspx?Num={0}"

                    DataNavigateUrlFields="Num" />

            </Columns>

            <RowStyle BackColor="Yellow" />

            <AlternatingRowStyle BackColor="Gray" />   

        </asp:GridView>

    

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

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

            SelectCommand="SELECT * FROM [Memos] ORDER BY [Num] DESC">

        </asp:SqlDataSource>

 FrmGridView.Cs
 

protected void GridView1_RowDataBound
               (
object sender, GridViewRowEventArgs e)

    {

        // 푸터일 때만 "현재시간" 텍스트입력

        if (e.Row.RowType == DataControlRowType.Footer)

        {

            e.Row.Cells[0].Text = "현재시간 : ";

 

            e.Row.Cells[2].Text =
            DateTime
.Now.ToShortTimeString();

        }

    } 







반응형
posted by Magic_kit
2009. 10. 27. 02:34 .Net Project/ASP.NET 3.5 Sp1
반응형

- 가장 핵심이 되는 컨트롤. 모든 관계형 데이터베이스 주로 SQL 데이터 베이스 관련 컨트롤

- 실행시켜도
겉으로 보이는 유저 인터페이스가 없음. 출력이 안되는 컨트롤

- SqlDataSourse 역할 2가지

- 데이터 원본
   데이터 연결 정보와 명령어 정보
   코드레벨로 따지면 Connection Command 담고 있음
   스마트 태그 눌러서 데이터 원본 구성 클릭
   SqlDataSource
쓰기 전에는 web.config 파일 없음
   SqlDataSource
떨어 뜨려 놓고 New Connection으로 연결
   ID
WevADONET
   데이터 베이스 연결 문자를 타이핑하는 대신
도구 사용
  web.comfig
파일에 서버, 데이터베이스, 유저아이디, 패스워드 기록
  Select Statement
Select * From [Memos]
  Order By
클릭해서 Num 내림차순
(Descending)
  web.config
파일이 생성되 connectionString 자동으로 생성

  Memos 테이블의 이름을 읽어서 DropDownList 바인딩
  데이터 원본 소스 선택 클릭해서  미리 지정한 SqlDataSource 선택

  SqlDataSource 쓰면 Connection Command 개체 안에 쉽게 담을 있음 


SqlDataSource 서버 컨트롤은 
  마이크로소프트 SQL서버,  마이크로소프트 SQL, 서버 익스프레스 오라클, ODBC 데이터 소스,
  OLEDB 데이터 소스, 윈도우 SQLCE 데이터 베이스에 데이터가 저장되어 있을 때 사용하는
  데이터 소스 컨트롤 입니다.   

 SqlDatasource 컨트롤 추가 바인딩시 디자인 모드에 다음과 같은 소스가 추가 된다.
 
<asp:SqlDataSource ID="SqlDataSource1" runat="server"

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

            SelectCommand="SELECT * FROM [Memos]"></asp:SqlDataSource>




반응형
posted by Magic_kit
2009. 10. 27. 02:34 .Net Project/ASP.NET 3.5 Sp1
반응형

- 사용자
정의 템플릿을 사용하여 데이터 소스의 값을 표시한다.

- ListView 컨트롤을 사용하여 레코드를 선택, 정렬, 삭제, 편집 삽입할 있다.

- ListView 컨트롤은 데이터 소스의 값을 표시하는 사용된다. 컨트롤은 GridView 
   컨트롤과
 비슷하지만 필드 대신 사용자 정의 탬플릿을 사용하여 데이터를 표시한다는 점에서
   차이가
있다. 고유한 템플릿을 만들면 데이터가 표시되는 방식을 융통성 있게 제어할 있다.

 

-  ListView 컨트롤이 지원하는 기능

·         SqlDataSource, LinqDataSource ObjectDataSource 같은 데이터 소스 컨트롤에 바인딩할 있는 기능

·         사용자 정의 템플릿 스타일을 통해 모양을 사용자 지정할 있는 기능

·         기본 제공 정렬 기능

·         기본 제공 업데이트 삭제 기능

·         기본 제공 삽입 기능

·         DataPager 컨트롤을 사용한 페이징 기능

·         기본 제공 항목 선택 기능

·         속성을 동적으로 설정하거나 이벤트를 처리하는 등의 작업을 수행하기 위해 ListView 개체 모델에 프로그래밍 방식으로 액세스할 있는 기능

ListView.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"
           
 DataKeyNames="Num" DataSourceID="SqlDataSource1">

            <LayoutTemplate>

                <table border="1">

                    <tr><td>번호</td><td>이름</td></tr>

                    <tr id="itemPlaceholder" runat="server"></tr>

                </table>   

                <asp:DataPager ID="DataPager1" runat="server" PageSize="2">

                    <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 * FROM [Memos] ORDER BY [Num] DESC, [Name]">

        </asp:SqlDataSource>  

    </div>   

    </form>

</body>

</html> 







반응형
posted by Magic_kit