Дисплей Отправить кнопку в заголовке

Question

В настоящее время я портирую веб-проект JQTouch To 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

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

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