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 컨트롤과 사용법은 유사합니다.
콜백 함수를 통해서, 전달된 메뉴 오브젝트를 핸들링 할 수 있습니다.
아래는 데이터 테이블입니다.