FrmTreeView (트리뷰)
.NET프로그래밍/ASP.NET 3.5 SP1 2009. 10. 15. 10:08 |
생성된 "WebNavigationControl"프로젝트(폴더)에, "새 항목 추가"로 "웹 폼(Web Form)"형식의 "FrmTreeView.aspx"파일을 만들고 [FrmTreeView.aspx 디자인]모드에서 아래그림과같은 과정을 실행한 후 아래와 같이 [FrmTreeView.aspx] 코드를 작성한다.
--> [FrmTreeView.aspx 디자인]모드에서 [도구상자 - 탐색 - "TreeView"컨트롤을 [FrmTreeView.aspx]의 "div"태그안에 마우스로 "드래그&드롭"한다.
--> "div"태그안에 추가된 "TreeView"컨트롤
--> 그다음 "TreeView"컨트롤의 "스마트 버튼"에서 아래그림에 보이는 "노드 편집..."을 클릭한다.
--> "TreeView 노드 편집기"창이 열리면 아래그림과 같이 "루트 노드 추가"로 필요한 항목을 추가하고 이름을 지정한다.(여기서는 "니 컴퓨터"로 이름을 지정하였다.)
--> "니 컴퓨터"라는 이름으로 루트노드을 하나 생성한 후 필요하면 "니 컴퓨터"루트노드의 자식노드을 아래 그림과 같이 추가할 수도 있다.
--> "니 컴퓨터"루트노드와 "니 컴퓨터"루트노드의 자식노드으로 "C:", "D:"라는 이름의 '자식노드'를 추가하였고, "니 컴퓨터"의 자식노드인 "C:"에는 "Windows"라는 이름으로 자식노드를 하나 더 추가하였다.
--> 아래그림과 같이 "TreeView"컨트롤의 "스마트 버튼"에서 "자동 서식..."을 클릭하여 "TreeView"컨트롤의 디자인을 바꿀 수도 있다.
--> "자동 서식"창의 화면.
--> 아래그림과 같이 "TreeView"컨트롤의 "스마트 버튼"에서 "자동 서식..."을 클릭하여 "TreeView"컨트롤의 디자인을 바꿔보았다.
==> [FrmTreeView.aspx] 소스코드 및 디자인
<%@ Page Language="C#" AutoEventWireup="true" CodeFile="FrmTreeView.aspx.cs" Inherits="FrmTreeView" %>
<!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>
<asp:TreeView ID="TreeView1" runat="server">
<Nodes>
<asp:TreeNode Text="니 컴퓨터" Value="니 컴퓨터">
<asp:TreeNode Text="C:" Value="C:">
<asp:TreeNode Text="Windows" Value="Windows"></asp:TreeNode>
</asp:TreeNode>
<asp:TreeNode Text="D:" Value="D:"></asp:TreeNode>
</asp:TreeNode>
</Nodes>
</asp:TreeView>
</div>
</form>
</body>
</html>
웹 페이지 로드시에 "동적으로 트리뷰에 노드를 추가"할수 있도록 [FrmTreeView.aspx.cs]코드에 아래와 같이 코드를 작성한다.
==> [FrmTreeView.aspx.cs]코드
using System;
using System.Collections.Generic;
using System.Linq;
using System.Web;
using System.Web.UI;
using System.Web.UI.WebControls;
public partial class FrmTreeView : System.Web.UI.Page
{
protected void Page_Load(object sender, EventArgs e)
{
// 동적으로 트리뷰에 노드 추가
TreeNode tn = TreeView1.Nodes[0].ChildNodes[1];
tn.ChildNodes.Add(new TreeNode("Data"));
}
}
[실행결과]
--> 실행후 아래그림과 같이 웹 페이지 로드시에 동적으로 트리뷰에 노드가 추가되었다.("D:"의 자식노드에 해당하는 "Data"가 웹 페이지 로드시에 동적으로 트리뷰에 출력된 것이 해당되는 부분임. 위의 "TreeView"컨트롤의 "TreeView 노드 편집기"창에서 "D:"에는 자식노드를 추가하지 않았었다.)
'.NET프로그래밍 > ASP.NET 3.5 SP1' 카테고리의 다른 글
| WebLoginControl (로그인 컨트롤) (0) | 2009.10.15 |
|---|---|
| Web.sitemap (사이트맵패스 컨트롤) - 빵 조각(Bread Crumb) (0) | 2009.10.15 |
| FrmMenu (메뉴컨트롤) (0) | 2009.10.15 |
| 테마(Theme)와 스킨(Skin) (0) | 2009.10.14 |
| 마스터페이지(*.master) (0) | 2009.10.14 |