Bestätigen form submit mit dialog in Jquery Mobile
Bin ich lernen, meinen Weg in Jquery Mobile, aber ich bin immer stecken in der Bestätigung ein Formular Einreichen, über die jq mobile-dialog-Optionen. Wheneven ich versuche zu starten, meine runSearch() Funktion aus meinem dialog bekomme ich ein "Error Loading Page" angezeigt wird, wenn ich das runSearch () - Funktion direkt aus srch.asp-die Seite lädt einfach nur gut. Ich arbeite aus den daily builds von jqmobile.
Hier ist, was ich habe, so weit:
srch.asp:
<!DOCTYPE html>
<html>
<head>
<title>Filter page</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no"/>
<link href="http://code.jquery.com/mobile/latest/jquery.mobile.min.css" rel="stylesheet" type="text/css" />
<script src="http://code.jquery.com/jquery-1.6.2.min.js"></script>
<script src="http://code.jquery.com/mobile/latest/jquery.mobile.min.js"></script>
</head>
<body >
<div data-role="page" data-add-back-btn="true" id="main">
<div data-role="header" data-theme="b" data-position="inline">
<title>Filter page</title>
<script language="JavaScript" type="text/javascript">
var count = 26;
function doSearch(){
//var sqlStr = generateSQL();
var sqlStr = 'xxx';
document.getElementById('sqlSrch').value = sqlStr;
if (count > 25){
$("#lnkDialog").click();
}
else{
runSearch();
}
}
function runSearch(){
$.mobile.changePage( "/mobile/famName/results/en", {
type: "post",
data: $("form#frmSelectors").serialize()
});
}
</script>
</div><!-- /header -->
<div data-role="content">
<form id='frmSelectors' method="post" action="/mobile/famName/results/en">
<input type="hidden" name="sqlSrch" id="sqlSrch" />
<input type="hidden" name="famID" value="xxx" />
bunch more inputs go here....
<input type="button" value="Search" id='srch' onclick="doSearch()" style="srcButton"/>
<a id='lnkDialog' href="#toomany.asp" data-rel="dialog" data-transition="pop"></a>
</form>
</div><!-- /content -->
</div><!-- /page -->
</body>
</html>toomany.asp:
<!DOCTYPE html>
<html>
<head>
<title>Warning</title>
<link href="http://code.jquery.com/mobile/latest/jquery.mobile.min.css" rel="stylesheet" type="text/css" />
<script src="http://code.jquery.com/jquery-1.6.2.min.js"></script>
<script src="http://code.jquery.com/mobile/latest/jquery.mobile.min.js"></script>
</head>
<body>
<div data-role="dialog" id="dialog">
<div data-role="header">
<h1>Warning</h1>
</div>
<div data-role="content" data-theme="b">
<div id="text">Error Message</div>
<a href="#" data-role="button" data-rel="back" data-transition="slidedown" data-theme="b">Yes</a>
<a href="#" onclick="runSearch();" data-role="button" data-rel="dialog" data-transition="slidedown" data-theme="c">No</a>
</div>
</div>
</body>
</html>- versuchen Sie, hinzufügen return false; nach runSearch();
- ich würde Ihnen empfehlen, schauen Sie in die Verwendung von jquery mehr, wenn Sie gehen, um zu verwenden, jquerymobile. seine großen und es gibt einige Orte in ur-code ist, wo Sie kommen in praktisch!
- Hinzufügen return false; nach der runSearch(); rufen Sie in toomany.asp hat dieses Problem nicht behoben, ebensowenig wie das hinzufügen von false zurückgeben, um die runSearch Funktion.
Schreibe einen Kommentar
Du musst angemeldet sein, um einen Kommentar abzugeben.
In Ihrer Suche.asp, geben Sie den link:
Den Link zu #toomany.asp würde link zu einem Anker in der gleichen Seite, aber Sie haben eine echte Seite verlinken, siehe hier für details:
http://jquerymobile.com/demos/1.0b3/docs/pages/page-links.html
Sollten Sie diesen link benutzen, statt einen link auf die andere Seite als dialog:
Kopierten form @Senad Meškin Kommentar:
versuchen, indem return false; nach runSearch();
Diese lösen die gleichen Fehler auf der JQMobile-basierte web-app, die ich arbeiten war. Nachdem das Formular eingereicht wurde, die "error loading page" ist ein Fehler aufgetreten. Einfach durch hinzufügen der Zeile
return false;zu der Funktion, die da betrieben wurde auf " Absenden den Fehler behoben. Während dies scheint nicht zu funktionieren für die OP die anderen hier gerichtet, die durch Google etc finden diese hilfreich.