how to create a menu with submenu using 2 json files in c#

Question

0.00/5 (No votes)

See more:

, +

i do not have enough knowledge of java script. i want to create a menu like this

HTML

<ul> for a particular grand parentname from code 2
 <li></li> contain parentname  
 <li>contain parentname 
   <ul>conatin node name regarding parentname from code1
     <li></li>
     <li></li>
   </ul>
 </li>
 <li>contain parentname 
    <ul>conatin node name regarding parentname from code1
      <li></li>
      <li></li>
    </ul>
 </li>
</ul>

the json files i have are
1.

XML

{"Table":
    [
       {"NodeName":"Casio EF-562D-1A Watch","NodeLevel":3,"ParentName":"Casio Watch","ParentId":2,"domain":124},
       {"NodeName":"Casio Watch (model: MTP-1170N-9A) ","NodeLevel":3,"ParentName":"Casio Watch","ParentId":2,"domain":124},
       {"NodeName":"Casio Watch (G-SHOCK GA-100-1A4) ","NodeLevel":3,"ParentName":"Casio Watch","ParentId":2,"domain":124},
       {"NodeName":"Amazing Big Bag With Chivas Signature Exclusive on Dutyfree","NodeLevel":3,"ParentName":"Chivas Bags","ParentId":2,"domain":124},
       {"NodeName":"Camel Silver/ Super Light Box Cigarette","NodeLevel":3,"ParentName":"Camel","ParentId":2,"domain":124},
       {"NodeName":"10 Cartons of Camel Silver/ Super Light Box Cigarette","NodeLevel":3,"ParentName":"Camel","ParentId":2,"domain":124}
    ]
 }

2.

XML

{"Table":[
     {"parent_name":"Casio Watch","id":2,"grandpname":"Accessories","gid":1,"domain":124},
     {"parent_name":"Chivas Bags","id":2,"grandpname":"Accessories","gid":1,"domain":124},
     {"parent_name":"Camel","id":2,"grandpname":"Cigarettes","gid":1,"domain":124}]}

Posted 16-May-14 21:32pm

rajat321

Add a Solution

1 solution

Add a Solution

Add your solution here

Treat my content as plain text, not as HTML

Preview 0

…

Existing Members

Sign in to your account

...or Join us

Download, Vote, Comment, Publish.

Your Email
Password
Forgot your password?

Your Email
This email is in use. Do you need your password?
Optional Password

I have read and agree to the Terms of Service and Privacy Policy
Please subscribe me to the CodeProject newsletters

When answering a question please:

Read the question carefully.
Understand that English isn't everyone's first language so be lenient of bad spelling and grammar.
If a question is poorly phrased then either ask for clarification, ignore it, or edit the question and fix the problem. Insults are not welcome.
Don't tell someone to read the manual. Chances are they have and don't get it. Provide an answer or move on to the next question.

Let's work to help developers, not make them feel stupid.

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

H Kruger · Answer 1 · 2014-05-17T05:33:00

Your JSON will be very difficult to parse into HTML elements. My advice would be (if possible) to change your JSON to something like this

JavaScript

{
  "categories":["Accessories","Cigarettes"],
  "subCategories":[
             {"name":"Casio Watch", "category":"Accessories"},
             {"name":"Chivas Bags", "category":"Accessories"},
             {"name":"Camel", "category":"Cigarettes"}],
  "items":[
             {"name":"Casio EF-562D-1A Watch","subcategory":"Casio Watch"},
              {"name":"Camel Silver/ Super Light Box Cigarette","subcategory":"Camel"}]
}

JSON like this can very easily be parsed into something like this

HTML

<ul id="menu">
    <li>Accessories
        <ul>
           <li>Casio Watch
              <ul>
                 <li>Casio EF-562D-1A Watch</li>
              </ul>
           </li>
           <li>Chivas Bags</li>
        </ul>
    </li>
    <li>Cigarettes
        <ul>
           <li>Camel
               <ul>
                  <li>Camel Silver/ Super Light Box Cigarette</li>
               </ul>
           </li>
        </ul>
    </li>
</ul>

If you can change your JSON definition then reply to my post and I will help you write the code to get the JSON files and parse then to markup.