Domanda

Al momento sto porting di un progetto web jQTouch per jQuery Mobile e ho incontrato il seguente problema: Ho bisogno di visualizzare un modulo pulsante di invio nell'intestazione della pagina, ma a meno che io faccio il pulsante di invio un'azione nell'intestazione (invece di un ingresso di tipo submit nel contenuto) jQuery mobile sarà sempre rendere quel tasto come parte del modulo.

Questo funzionerà (pulsante apparirà sul lato destro dell'intestazione di pagina):

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

Il fatto e ', avrei dovuto javascript scrittura personalizzato per attivare l'invio, che ovviamente io non preferisco. Se, d'altra parte mi occupo di questo all'interno del modulo, cioè.

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

il pulsante verrà visualizzato all'interno del contenuto.

C'è un modo per fare jQuery Mobile visualizzare il pulsante di invio nell'intestazione utilizzando quest'ultimo approccio?

È stato utile?

Soluzione

So di essere un paio di mesi di ritardo, ma mi sono imbattuto in questo post ricercando un altro problema. Per inviare una pagina da un pulsante nell'intestazione è possibile utilizzare il tasto seguente markup:

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

Altri suggerimenti

Non ho familiarità con jQTouch, ma come a qualcosa di simile alla seguente? Il problema è probabilmente intorno alle classi CSS utilizzate e dove li hanno utilizzato.

<% 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>
<% } %>  
Autorizzato sotto: CC-BY-SA insieme a attribuzione
Non affiliato a StackOverflow
scroll top