Response title
This is preview!
Move this topic
ASP.NET Web Form Submission in Alpha 2 Broken
in jQuery Mobile
•
1 year ago
Forms submission in Alpha 2 seems to be running afoul of ASP.NET forms submission. This didn't occur in Alpha 1. Is there a way to disable the hash navigation when doing a forms submission?
Update: I rolled back to Alpha 1 and all is working again. It appears the hash navigation in Alpha 2 is running interference with ASP.NET web forms submits. Not only does the navigation cause issues, but the OnCommand handlers don't fire. I tried using target="blank" in the form tag but that had no affect.
Please consider adding an option to revert to the Alpha 1 behavior for form submissions. Thanks!
5
Replies(14)
I ran into this myself. My current work around is to navigate to the page in quest using rel=external. The target page will post. If you naviagate to the page with an ajax transition __dopostback dies. My initial analysis so far is that jQuery is loading the new DOM outside the aspnet form so .net has no idea what is going on. I am still tearing this behavior apart but that is my 15 second diagnosis.
Leave a comment on tosmith's reply
I figured that was case but I could not figure out how to do a post back with "rel=external" in Web Forms. Tried <form target="_blank"> but that doesn't work. Any thoughts?
It's not the postback that needs the rel=external. You need to dump the # from the url.
This url will fail.
This url will work.
My hacks have muddied the water in my project but it seems that in the first example the runat="server" form is still posting to default.aspx, not the new target of webform.aspx.
Right now I am using html form post where I can but if I have something that I have to make a webform I navigate to that page using rel=external.
<a href="webform.aspx" rel="external">some form</a>
That cleans up the url and clears out the ajax confusion.
PS. I suspect this framework is much more friendly to an MVC project and will probably migrate to that is push comes to shove.
Leave a comment on blueonion's reply
Let me explain this problem so that people will be able to answer
Lets say I have page which has a form to "add stuff".
/addsuff GET : Returns a HTML form
/adstuff POST : Returns the result of POST (HTML)
When you will submit the form, the url will return a success/fail response (ResponseOf_POST).
After submitting form the jQuery mobile framework will cache the response of POST, and all the link pointing to this handler will be always remain ResponseOf_POST.
i.e. You will never be able to see HTML form again by clicking any link to /addsuff
I think this is a bug, framework should only cache the response of GET (not POST)
THIS PROBLEM IS NOT SPECIFIC TO ASP.NET
Leave a comment on markandey's reply
I've been having the same issue, I think the cause is the way the jquery mobile framework replaces the submit button, ASP.net relies on the value of the submit button being posted back in order to fire it's server side Click event. Instead of the submit button an anchor tag is used with javascript to submit the form. This means the value of the submit button is never sent with the form post.
As a workaround for this I've written a function to run after the page is created, this replaces the submit button with a hidden field. A click event is added to the jquery mobile created anchor tag, which saets the value of the hidden field this then ensures that the postback event is correctly raised in ASP.Net.
code is as follows...
- $(document).bind("mobileinit", function () {
- $.extend($.mobile, { ajaxFormsEnabled: false });
- });
- $(document).bind("pagecreate", function () {
- $("a[role='button']").each(function () {
- var inp = $(this).siblings("input.ui-btn-hidden").first();
- var newinp = $(document.createElement("input")).attr("type", "hidden").attr("name", inp.attr("name")).attr("id", inp.attr("id")).attr("val",inp.val());
- inp.replaceWith(newinp);
- $(this).click(function () {
- $(this).siblings("input").val($(this).siblings("input").first().attr("val"));
- });
- });
- });
- <script src="http://code.jquery.com/jquery-1.4.4.min.js"></script>
- <script src="/mobile/js/custommobile.js"></script>
- <script src="http://code.jquery.com/mobile/1.0a2/jquery.mobile-1.0a2.min.js"></script>
Other than this issue really enjoying Jquery Mobile!
Unable to get this to work. The script makes the asp button hidden, yes, but it will not fire. I am using a jqm-loaded window (modal) to run my login form.... Help!
Leave a comment on howeson's reply
I came up with a similar solution.
First turn off ajaxFormsEnabled.
- $(document).bind("mobileinit", function () {
- $.extend($.mobile, { ajaxFormsEnabled: false });
- });
Then set UseSubmitBehavior="false" in the <asp.net:Button> tag. This works for my setup. YMMV.
NOTE: This will not solve the problem if you are using the default Login control, obviously, because the Button api is not exposed...
Leave a comment on blueonion's reply
That works for me too, much cleaner, seemed like a lot of effort re-writing the form fields!
Leave a comment on howeson's reply
I don't know why. The longer version of this fix works for me, but not the short version.
If I set the UseSubmitBehavior="false" then nothing happened on clicking the button.
Leave a comment on zhengokusa's reply
blueonion's solution worked for me too. I had an ASP.Net login page that did a Reponse.Redirect to a different page after authentication. It would redirect to the page, but as a 'hijax' loading scenario that JQM does (on POST???) it had some UI issues in it.
The UseSubmitBehavior="false" is all it took for me so that the Response.Redirect worked properly.
Leave a comment on jonkennerly's reply
I am trying following but the values are not getting posted in target page.
In th core .js I have change ajaxFormsEnabled to false. ANy help is appreciated.
<
div id="loginpage" data-role="page"><
div id="loginpageheader" data-role="header"><
h1>g2 login</h1></
div><
div id="loginpagecontent" data-role="content"> <form id="loginpageform" runat="server" method="post" action="WOInsights.aspx" > <div id="loginformfield1" data-role="fieldcontain" > <label for="uname">UserName</label> <input type="text" name="uname" id="txtusername" value="" /> </div> <div id="loginformfield2" data-role="fieldcontain"> <label for="upassword">Password</label> <input type="password" name="upassword" id="txtpassword" value="" /> </div> <div id="loginformbtngroup" data-type="horizontal"> <a href="WOInsights.aspx" rel="external" data-role="button" data-theme="a" data-insert="true" >Submit</a> </div> </form></
div><
div id="loginpagefooter" data-role="footer"> <h4 style="font-size:8px">A Company</h4></
div></
div></
body>
Leave a comment on dsubhedar's reply
Couple of points.
1. To make the input fields easy to see at the server end I think they need the attribute runat="server" - then you can address them by their id to get their valuesin the "code behind".
2. I have found it much simpler to gather any data that I want processing by the server into a JSON string and then POST that to an .asmx web service via Ajax - that way your client side logic can stay on the same jQM page awaiting a callback with the relevant response. It makes managing what happens at the client end simple.
Leave a comment on aditmikeg's reply
I just found out that if you open an aspx page in a dialog then the short version of the fix will no work.
for example <a href="login.aspx" data-rel="dialog" data-transition="slidedown" class="ui-btn-right">login</a>
Then the button click in the login.aspx will not fire at all. In order to make the form submission work, you have to
load the page externally which means rel="external".
If you really want to use JQM dialog to do submission then you have to use the long version of the fix which is override pagecreate function.
Hope that will help
Leave a comment on zhengokusa's reply
Change topic type
Link this topic
Provide the permalink of a topic that is related to this topic
Reply to blueonion's question
{"z1223676":[14737000001630160],"z4928932":[14737000001654032,14737000001658025],"z5382690":[14737000001943120],"z5113450":[14737000001944281],"z2423903":[14737000001944188],"z5381086":[14737000001996167,14737000001996173],"z5365213":[14737000001936050,14737000001960721],"z4895230":[14737000001614438,14737000001627060],"z4879560":[14737000001608741,14737000001629077,14737000001652120]}
Statistics
- 14 Replies
- 5968 Views
- 5 Followers
