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

Question

В настоящее время я переношу веб-проект jQTouch на jQuery Mobile и столкнулся с следующей проблемой: мне нужно отобразить кнопку отправки формы в заголовке страницы, но если я не сделаю кнопку отправки действием в заголовке (вместо ввода типа submit в контенте) 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> 
<% } %>