Reuse Menu on different pages

[Gopre400Participant]

Hi I would like to reuse a JqxMenu on different pages, is there a way to do that?

<div id='divProjectMenu' data-theme="b">                
                <ul id='lstProjectMenu'>                    
                    <li>Deisgn                        
                        <ul style='width: 300px' id='lstDesignMenu'>                            
                            <li id='liInfo'><a href="#" id='itInfo'>Info</a></li>                                  
                            <li id='liScope'><a href="#" id='itScope'>Scope</a></li>                            
                            <li id='liFunding'><a href="#" id='itFunding'>Funding</a></li>                            
                            <li id='liLimits'><a href="#" id='itLimits'>Limits</a></li>                            
                            <li id='liParcels'><a href="#" id='itParcels'>Parcels</a></li>
                            <li id='liROW'><a href="#" id='itROW'>ROW</a></li>
                            <li id='liRID'><a href="#" id='itRID'>RID</a></li>                                
                            <li id='liEstimate'><a href="#" id='itEstimate'>Engineers Estimate</a></li>                            
                        </ul>                    
                    </li>
                    <li>Bid 
                        <ul style='width: 300px' id='lstBidMenu'>
                            <li id="liPlanHolders"><a href="#">Plan Holders</a></li>
                            <li id="liProposal"><a href="#">Proposal</a></li>
                            <li id="liBids"><a href="#">Bids</a></li>
                            <li id="liBidTabs"><a href="#">Bid Tabs</a></li>   
                        </ul>        
                    </li>                    
                    <li>Construct                        
                        <ul style='width: 300px' id='lstConstructMenu'>
                            <li id='liConstructionItems'><a href="#" id='itConstructionItems'>Construction Items</a></li>
                            <li id='liPayEstimates'><a href="#" id='itPayEstimates'>Pay Estimates</a></li>
                            <li id='liProjectROM'><a href="#" id='itProjectROM'>Project ROM</a></li>
                        </ul>                    
                    </li>
                    <li>Tools                        
                        <ul style='width: 300px' id='lstToolsMenu' >                            
                            <li><a href="#popAddConstituent" id='itAddConstitiuent' data-rel='popup' data-theme='b' data-inline='true'>Add Constituent</a></li>
                        </ul>                    
                    </li>                    
                </ul>            
            </div>

[DimitarParticipant]

Hello Gopre400,

You can use Server Side Includes (as discussed here: http://stackoverflow.com/questions/2747340/reusable-view-components-in-html). A simpler solution would probably be to load your menu source from the same external file (demo) on each of your pages. You can also consider implementing a single-page application.

Best Regards,
Dimitar

jQWidgets team
http://www.jqwidgets.com/

[Author]

Posts