代码之家  ›  专栏  ›  技术社区  ›  Thorsten Westheider

在页眉中显示提交按钮

  •  1
  • Thorsten Westheider  · 技术社区  · 14 年前

    我目前正在将jQTouch web项目移植到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使用后一种方法在头部显示submit按钮?

    2 回复  |  直到 12 年前
        1
  •  0
  •   Mathew Gehres    14 年前

    我知道我迟到了几个月,但我发现这篇文章在研究另一个问题。要从页眉中的按钮提交页面,可以使用以下按钮标记:

    <a href="#" onclick="$('form#Account').trigger('submit')" class = "ui-btn-right" data-role="button" >Logon</a>
    
        2
  •  0
  •   ptutt    14 年前

    我不熟悉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>
    <% } %>