BANANA.Web.Controls.TreeViewMenu

TreeViewMenu 컨트롤은 주로 좌측 메뉴와 같이 트리뷰 형태로 출력되는 Hierarchy 메뉴입니다.

우선 화면에 출력된 컨트롤부터 한 번 살펴 보겠습니다.















자, 그럼 코드를 한 번 살펴볼까요?

<bf:TreeViewMenu ID="TreeViewMenu1" runat="server" Width="180px" Height="300px" Callback="TreeViewMenu_Callback" />
C#
protected void Page_Load(object sender, EventArgs e)
{
	if (!IsPostBack)
	{
		DataTable _dt = base.GetDataTableS("WSP_MENU");
		TreeViewMenu1.DataSource = _dt;
		TreeViewMenu1.DataBind();
	}
}
<script type="text/javascript">
	// 트리뷰메뉴 콜백
	function TreeViewMenu_Callback(node) {
		alert(node.ID + ", " + node.Name + ", " + node.Url + ", " + node.Note);
	}
</script>

네, DropDownMenu 컨트롤과 사용법은 유사합니다.

콜백 함수를 통해서, 전달된 메뉴 오브젝트를 핸들링 할 수 있습니다.

아래는 데이터 테이블입니다.

TreeViewMenu 데이터

데이터에 대한 설명은 아래와 같습니다.
Name Type Description
ID string 데이터 소스 내에서 유일한 값입니다.
Name string 메뉴의 이름을 정의합니다.
Url string 메뉴가 클릭되었을 때, 전달할 메뉴 페이지의 경로입니다.
PID string 부모 메뉴의 ID 값입니다.

이상으로 TreeViewMenu에 대한 설명이었습니다.

TOP