Pantalla botón de enviar en la cabecera

Question

Actualmente estoy portar un proyecto web jQTouch a jQuery Mobile y se han encontrado con el problema siguiente: Necesito mostrar un formulario de botón de enviar en el encabezado de la página, pero a menos que ponga el botón de enviar una acción en la cabecera (en vez de una entrada de tipo submit en el contenido) jQuery Mobile siempre hará que ese botón como parte del formulario.

Esto funciona (botón se mostrará en la parte derecha de la cabecera de la página):

<div data-role="header" data-theme="b">
     <a href="#" class="ui-btn-right" data-icon="check"><%: Resources.View.Account.Labels.DoLogOn %></a>
</div>

La cosa es que tendría que Javascript escritura personalizado para activar el enviar, lo que obviamente preferiría no hacerlo. Si, por el contrario me ocupe de esto dentro de la forma, es decir.

<% using (Html.BeginForm("LogOn", "Account", 
     new { returnUrl = Request.QueryString["ReturnUrl"] }, FormMethod.Post,         
     new { @class = "ui-body ui-body-c" }))
   {%>
      <fieldset class="ui-grid-a" data-theme="c">
         <input data-icon="check"
                class="ui-btn-right"
                type="submit" 
                value="<%= Resources.View.Account.Labels.DoLogOn %>" />
      </fieldset>
<% } %>  

el botón se mostrará dentro del contenido.

¿Hay una manera de hacer visualizar jQuery Mobile en el botón Enviar en la cabecera utiliza la última opción?

Answer 1

Yo sé que soy un par de meses de retraso, pero me encontré con este aviso investigando otro problema. Para enviar una página de un botón en la cabecera se puede utilizar el botón de marcado siguiente:

<a href="#" onclick="$('form#Account').trigger('submit')" class = "ui-btn-right" data-role="button" >Logon</a>

Answer 2

No estoy familiarizado con jQTouch, pero ¿qué tal algo como lo siguiente? La cuestión es, probablemente, alrededor utilizan las clases CSS y en el que las han utilizado.

<% using (Html.BeginForm("LogOn", "Account", 
     new { returnUrl = Request.QueryString["ReturnUrl"] }, FormMethod.Post))
   {%>
   <div data-role="header" data-theme="b">
     <fieldset class="ui-grid-a" data-theme="c">
     <input data-icon="check"
            class="ui-btn-right"
            type="submit" 
            value="<%= Resources.View.Account.Labels.DoLogOn %>" />
     </fieldset>
   </div>
   <div id="Content" class="ui-body ui-body-c">
      ...content here
   </div>
<% } %>