BANANA.Web.Controls.DropDownMenu

DropDownMenu는 웹 사이트에서 상단에 사용할 수 있는 Hierarchy 메뉴입니다.

우선 데이터가 바인딩 된 DropDownMenu를 살펴 보겠습니다.

코드를 한 번 살펴 보겠습니다.

<bf:DropDownMenu ID="DropDownMenu1" runat="server" Callback="DropDownMenu_Callback" />
C#
protected void Page_Load(object sender, EventArgs e)
{
	if (!IsPostBack)
	{
		DataTable _dt = base.GetDataTableS("WSP_MENU");
		DropDownMenu1.DataSource = _dt;
		DropDownMenu1.DataBind();
	}
}
<script type="text/javascript">
// 드랍다운메뉴 콜백
function DropDownMenu_Callback(node) {
	alert(node.ID + ", " + node.Name + ", " + node.Url + ", " + node.Note);
}	
</script>

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

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

DropDownMenu 데이터

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

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

TOP