Показать кнопку отправки в шапке

Question

В настоящее время я портирую веб-проект jQTouch на jQuery Mobile и столкнулся со следующей проблемой: мне нужно отобразить кнопку отправки формы в заголовке страницы, но если я не сделаю кнопку отправки действием в заголовке (вместо ввода типа отправки в контенте) jQuery Mobile всегда будет отображать эту кнопку как часть формы.

Это будет работать (кнопка будет отображаться в правой части заголовка страницы):

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

Дело в том, что я должен написать собственный JavaScript для запуска отправки, что, очевидно, я бы предпочел не делать. Если, с другой стороны, я обращаюсь с этим внутри формы, т.е.

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

кнопка будет отображаться внутри содержимого.

Есть ли способ заставить jQuery Mobile отображать кнопку отправки в шапке, используя последний подход?

Answer 1

Я знаю, что опоздал на несколько месяцев, но я наткнулся на этот пост, исследуя другую проблему. Чтобы отправить страницу с кнопки в заголовке, вы можете использовать следующую разметку кнопки:

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

Answer 2

Я не знаком с jQTouch, но как насчет чего-то вроде следующего? Проблема, вероятно, связана с используемыми классами CSS и с тем, где вы их использовали.

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