jQWidgets Forums

Forum Replies Created

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts

  • Bocho
    Participant

    if anyone interested, here is a code for dynamic menu :

    dynamic_menu(Array({id : “1.2.1”, nom : “item 1.2.1”},{id : “1.2.2”, nom : “item 1.2.2”}), Array({id : “2.2.1”, nom : “item 2.2.1”},{id : “2.2.2”, nom : “item 2.2.2”}));

    script Javascript

            function dynamic_menu(item12, item22){
                
                if($("#menu_top_contenu").length){
                    $("#menu_top_contenu").jqxMenu('destroy'); 
                }
                    
                var menu = "<div id='menu_top_contenu'>";
                menu    += "<ul>";
                menu    += "<li>item 1";
                menu    += "    <ul style='width: 250px;'>";
                menu    += "        <li><a href='#1.1'>item 1.1</a></li>";
                menu    += "        <li type='separator'></li>";
                menu    += "        <li>item 1.2";
                menu    += "            <ul id='menu_jarduino_list' style='width: 220px;'>";
                            $.each( item12, function( key, val ) {
                        menu    += "<li><a href='#"+ val.id +"'>"+ val.nom +"</a></li>";
                });            
                
                menu    += "            </ul>";
                menu    += "       </li>";
                menu    += "    </ul>";
                menu    += "</li>";
                menu    += "<li>item2\";
                menu    += "    <ul style='width: 250px;'>";
                menu    += "        <li><a href='#2.1'>Item 2.1</a></li>";
                menu    += "           <ul style='width: 220px;'>";
                            $.each( item22, function( key, val ) {
                        menu    += \"<li><a href='#"+ val.id +"'>"+ val.nom +"</a></li>";
                });
                
                menu    += "            </ul>";
                menu    += "        </li>";
                menu    += "    </ul>";
                menu    += "</li>";
                menu    += "</ul>";
                menu    += "</div>";
                           
                $("#menu_top").append(menu);
                $("#menu_top_contenu").jqxMenu({ width: '90%', height: '30px' });
            
            
            }

    balise Html

    
        <div id='menu_top'>
        </div>

    Bocho
    Participant

    you are planning these feature for the next version ?


    Bocho
    Participant

    Hi

    thanks for your help !

    best regards


    Bocho
    Participant

    Hi,

    type data is a typing error but I replace data by date and I have always error.

    I prepare a Jsfiddle : http://jsfiddle.net/Bocho/499Ta/

    Thanks for your help

    Bocho

Viewing 4 posts - 1 through 4 (of 4 total)