Templates mobilemainmenuexport

<export>
  <contents defaulttype="template-html">
    <partial name='submenu'>

      <foreach table="upMenuLine">
        <filter><sort>Order</sort></filter>
		<container>
          <ul>{:foreach_data}</ul>
        </container>
        <data>
          <li>
            {:if upMenuLine.FormDefID = null}
            	<span>{upMenuLine.Caption}</span>
            {:else}
            	<a href="{upMenuLine.MenuLineID}">{upMenuLine.Caption}</a>
            {:endif}
            
            {:include "submenu"}
          </li>
        </data>
      </foreach>  
    </partial>
    
    <foreach table="upMenu" datacontext="dataset" classname="DataBO.UserProfile.MenuBO">
      <dbfilter>upUser.UserID = #UserID</dbfilter>
      <container>
        <nav id='my-menu'>
          {:foreach_data}
        </nav>
      </container>
	  <data>{:include "submenu"}</data>
    </foreach>

    <data>
      <!--<a id="openmenu" href="#openmenu">Menu -></a>-->
      Page Content ....
      <script type="text/javascript">
        $(document).ready(function() {{
          $("#my-menu").mmenu({{
               "searchfield": {{
                  "addTo": "menu",
                  "add": true,
                  "search": true
               }}
			}}, 
			{{
				"offCanvas": {{
					'pageSelector': 'div[data-role="page"]:first'
				}}                   
            }}
          );
        }});
        
        $("#openmenu").on("click", function() {{
        	$("#my-menu").trigger("open");
        }});
        
      </script>	
      
    </data>
  </contents>
</export>