1

現在、jQTouch Web プロジェクトを 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 のヘッダーに送信ボタンを表示させる方法はありますか?

4

2 に答える 2

0

私は数ヶ月遅れていることを知っていますが、別の問題を調査しているこの投稿に出くわしました。ヘッダーのボタンからページを送信するには、次のボタンマークアップを使用できます。

<a href="#" onclick="$('form#Account').trigger('submit')" class = "ui-btn-right" data-role="button" >Logon</a>
于 2011-06-18T15:05:08.517 に答える
0

私は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>
<% } %>
于 2010-11-23T04:36:41.400 に答える