Display Submit-Button in dem Kopf

Question

Ich bin derzeit ein jQTouch Webprojekt jQuery Mobile Portierung und haben in der folgenden Ausgabe führen: Ich brauche ein Formular anzuzeigen Schaltfläche im Seitenkopf einreichen, aber wenn ich die Submit-Button eine Aktion im Header machen (statt der eine Eingabe des Typs in den Inhalt einreichen) jQuery mobile wird immer diese Taste als Teil des Formulars machen.

Dies funktioniert (Schaltfläche auf der rechten Seite des Seitenkopfes zeigen):

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

Das Ding ist, würde ich schreiben benutzerdefinierte Javascript muss die einreichen auslösen, was natürlich würde ich eher nicht. Wenn auf der anderen Seite ich damit umgehen in der Form, d.

<% 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>
<% } %>  

die Taste innerhalb des Inhalts angezeigt werden.

Gibt es eine Möglichkeit jQuery Mobile macht die Schaltfläche im Header einreichen zeigt den letzteren Ansatz?

Answer 1

Ich weiß, ich bin ein paar Monate zu spät, aber ich kam in diesem Beitrag ein anderes Problem untersucht. Um eine Seite von einer Schaltfläche in der Kopfzeile zu senden, die Sie den folgenden Button Markup verwenden können:

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

Answer 2

Ich bin nicht vertraut mit jQTouch, aber wie wäre es so etwas wie die folgenden? Das Problem ist, wahrscheinlich um die CSS-Klassen verwendet werden und wo Sie sie verwendet haben.

<% 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>
<% } %>