Click here to Skip to main content
Click here to Skip to main content

Binding Menu Control With Database

, 28 Jun 2008 CPOL
Rate this:
Please Sign up or sign in to vote.
Bind the menu control with list of Category and Sub Categories
Figure 1

BindMenu1.jpg

Figure 2

BindMenu2.jpg

Introduction

In this article, I will show how to bind the menu control with the database. Suppose you have a situation to display the different Category and its Sub-Categories. When we click the Category/Sub Category (See Figure 1) to view the detail information about Category/Sub Category (See Figure 2), then this bit of code will be useful. This code prevents a post back to the server while selecting Sub Category.

Using the Code

Database Detail

Table Name - Category

BindMenu3.jpg

Table Name - SubCategory

BindMenu4.jpg

There are two tables (Category, SubCategory) which are related to each other.
Here’s the method called BindMenu which binds the menu control during the page load.

  1. Create the connection string to establish connection with the database:
    Dim connectionString As String =
    WebConfigurationManager.ConnectionStrings_
    	("DatabaseConnectionString1").ConnectionString
    Dim con As New SqlConnection(connectionString)
  2. Create two DataAdapters for both the tables:
    Dim dadCategories As New SqlDataAdapter("SELECT CatId,CatName FROM Category
    order by CatName", con)
    Dim dadSubCat As New SqlDataAdapter("SELECT SubCatId,CatId,SubCatName FROM
    SubCategory order by SubCatName", con)
  3. Create a DataSet and fill the dataset with both the tables:
    Dim dsCat As New DataSet()
    Using con
    con.Open()
    dadCategories.Fill(dsCat, "Category")
    dadSubCat.Fill(dsCat, "SubCategory")
    End Using
  4. Relate both the tables and name the relation as Children:
    dsCat.Relations.Add("Children", dsCat.Tables("Category").Columns("CatId"),
    dsCat.Tables("SubCategory").Columns("CatId")) 
  5. Loop through each category of data and its related Sub category of data. At each loop, we create menu items and associate with the menu control.
    For Each categoryRow As DataRow In dsCat.Tables("Category").Rows
    Dim mNode As New MenuItem(CType(categoryRow("CatName"), String), "", "",
    "~/DetailView.aspx?CatID=" + CType(categoryRow("CatId"), String), "_parent")
    Menu1.Items.Add(mNode)
    
    Dim subCatRows() As DataRow = categoryRow.GetChildRows("Children")
    For Each row As DataRow In subCatRows
    Dim subCatName As String = CType(row("SubCatName"), String)
    Dim subCatItems As New MenuItem(subCatName, "", "",
    "~/DetailView.aspx?CatID=" + CType(row("CatId"), String) + "&SubCatID=" +
    CType(row("SubCatId"), String), "_parent")
    Menu1.Items(count).ChildItems.Add(subCatItems)
    Next
    count = count + 1
    Next

History

  • 28th June, 2009: Initial post

License

This article, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)

Share

About the Author

Ravi Selvaraj
Web Developer Syntax Solutions Inc.
United States United States
No Biography provided

Comments and Discussions

 
QuestionAdding SubMenu to SubMenu [modified] Pinmemberbhagyap11-Jan-12 0:32 
General5-level menu Pinmemberamit121212419-Dec-10 22:52 
QuestionHow find the CatID PinmemberAjeet kumar verma25-Feb-10 1:15 
QuestionBindMenu PinmemberMember 46794646-May-09 5:44 
AnswerRe: BindMenu PinmemberAjeet kumar verma25-Feb-10 1:19 
Generalme 2 Pinmemberanhduongxanh2-Apr-09 16:54 
Questiongoing deeper Pinmemberykorotia29-Nov-08 22:18 
GeneralLayout PinmemberVelvet Saunders22-Oct-08 5:27 
GeneralRe: Layout PinmemberRavi Selvaraj25-Oct-08 23:17 
QuestionC# Code. Pinmembernirajan8-Jul-08 6:25 
AnswerRe: C# Code. PinmemberRavi Selvaraj8-Jul-08 7:11 
GeneralRe: C# Code. Pinmembernirajan14-Jul-08 14:39 
GeneralRe: C# Code. PinmemberRavi Selvaraj14-Jul-08 16:37 
GeneralRe: C# Code. Pinmembersuma221210-Dec-12 19:12 
GeneralRe: C# Code. Pinmemberdeepikadurge7-Apr-09 21:14 

General General    News News    Suggestion Suggestion    Question Question    Bug Bug    Answer Answer    Joke Joke    Rant Rant    Admin Admin   

Use Ctrl+Left/Right to switch messages, Ctrl+Up/Down to switch threads, Ctrl+Shift+Left/Right to switch pages.

| Advertise | Privacy | Mobile
Web03 | 2.8.141022.2 | Last Updated 28 Jun 2008
Article Copyright 2008 by Ravi Selvaraj
Everything else Copyright © CodeProject, 1999-2014
Terms of Service
Layout: fixed | fluid