Показать кнопку отправки в шапке - PullRequest
Новая
       21

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

1 голос
/ 22 ноября 2010

Я сейчас портирую веб-проект 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 отображать кнопку отправки в заголовке, используя последний подход?

Ответы [ 2 ]

0 голосов
/ 18 июня 2011

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

<a href="#" onclick="$('form#Account').trigger('submit')" class = "ui-btn-right" data-role="button" >Logon</a>
0 голосов
/ 23 ноября 2010

Я не знаком с 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>
<% } %>
...