عرض زر إرسال في الرأس

Question

أقوم حاليًا بنقل مشروع ويب 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 الزر إرسال في الرأس باستخدام النهج الأخير؟

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