Ich benutze ASP.NET, Bootstrap und jQuery zum Anzeigen und Bearbeiten von Daten.Javascript onClick funktioniert nicht nach Postback
Die Daten werden durch den ASP.NET-Code gesucht und zurückgegeben, hinter dem ein Aktualisierungsbereich um die Steuerelemente aktualisiert wird, die die Daten aktualisieren.
Ich habe eine HTML-Schaltfläche außerhalb der Update-Leiste, die die Bootstrap-Registerkarte von Registerkarte (0) zu Registerkarte (1) bewegt.
Wenn ich die Taste vor der Suche nach Daten drücke, wird das Ereignis onclick ausgelöst und ich bekomme Warnungen, dass ich nicht alle erforderlichen Daten vervollständigt habe.
Wenn ich nach den Daten suche und das Aktualisierungsfenster aktualisiere, wird das Ereignis onclick nicht ausgelöst.
Wenn ich irgendwo auf der Seite klicke und dann die Taste drücke, wird das onclick-Ereignis ausgelöst und zum nächsten Tab weitergeleitet.
In Chrome wird das Ereignis onclick korrekt ausgelöst, auch nachdem das Update-Fenster aktualisiert wurde.
Ich habe folgendes an der Spitze des html die jQuery-Funktionen einzurichten:
<script type="text/jscript" language="javascript">
$(document).ready(startUp);
</script>
Das Javascript ist in einer separaten Datei, die ich glaube nicht, dass ein Problem verursacht.
function firstButtonClick(move) {
if (move = 1) {
$(".nav-tabs > .active").next("li").find("a").trigger("click");
}
}
ich hinzugefügt, um die Parameter der Code zu stoppen, nachdem das Update ausgeführt wird, so dass ein Benutzer tatsächlich aktualisieren.
Dies ist der Code für die Registerkarte und Knopf und Update-Panel:
<div id="mnuSupporterDetails" class="tab-pane fade in active">
<div class="panel panel-default">
<div class="panel-heading">
<div class="row">
<div class="col-lg-3">
Supporter Details
</div>
<div class="col-lg-8">
<div class="row">
<div class="pull-right">
<%--<a class="btn btn-default btnPrevious">Previous</a> --%>
<a class="btn btn-success" onclick="firstButtonClick(1)">Next</a>
</div>
</div>
</div>
<div class="col-lg-1">
</div>
</div>
</div>
<div class="panel-body">
<asp:UpdatePanel ID="uppContactDetails" runat="server" UpdateMode="Conditional">
<ContentTemplate>
<script type="text/javascript">
Sys.Application.add_load(firstButtonClick(0));
</script>
<div class="row">
<div class="col-lg-3">
</div>
<div class="col-lg-6">
<div class="row">
<label for="inpSupporterNumber">
Supporter Number:</label>
<div class="input-group">
<input type="text" class="form-control summary" runat="server" id="inpSupporterNumber"
placeholder="Supporter Number" maxlength="10" />
<span class="input-group-btn">
<button class="btn btn-primary" id="btnSearchContacts" runat="server" type="submit">
Search</button>
</span>
</div>
<label for="inpTitle">
Title:</label>
<input type="text" class="form-control summary" runat="server" id="inpTitle" placeholder="Title"
required="true" maxlength="50" />
<label for="inpForename">
Forename:</label>
<input type="text" class="form-control summary" runat="server" id="inpForename" placeholder="Forename"
required="true" maxlength="30" />
<label for="inpSurname">
Surname:</label>
<input type="text" class="form-control summary" runat="server" id="inpSurname" placeholder="Surname"
required="true" maxlength="30" />
<label for="inpAddressLine1">
Address:</label>
<%--<div class="input-group">--%>
<input type="text" class="form-control summary" runat="server" id="inpAddressLine1"
placeholder="Address Line 1" required="true" maxlength="60" />
<%--<span class="input-group-btn">--%>
<%--<button class="btn btn-primary" id="btnQAS" type="button" data-toggle="modal" data-target="#mdlQAS">--%>
<%-- <i class="glyphicon glyphicon-home"></i>--%>
<%--</button>--%>
<%--</span>--%>
<%--</div>--%>
<label for="inpAddressLine2">
</label>
<input type="text" class="form-control summary" runat="server" id="inpAddressLine2"
placeholder="Address Line 2" maxlength="35" />
<label for="inpAddressLine3">
</label>
<input type="text" class="form-control summary" runat="server" id="inpAddressLine3"
placeholder="Address Line 3" maxlength="35" />
<label for="inpAddressLine4">
</label>
<input type="text" class="form-control summary" runat="server" id="inpAddressLine4"
placeholder="Address Line 4" maxlength="35" />
<label for="inpAddressLine5">
</label>
<input type="text" class="form-control summary" runat="server" id="inpAddressLine5"
placeholder="Address Line 5" maxlength="35" />
<label for="inpPostCode">
Post Code:</label>
<input type="text" class="form-control summary" runat="server" id="inpPostCode" placeholder="Post Code"
required="true" maxlength="8" />
<label for="inpCountry">
Country:</label>
<input type="text" class="form-control summary" runat="server" id="inpCountry" placeholder="Country"
maxlength="42" />
</div>
<div class="row">
<div class="form-group">
<label for="inpTelephoneNumber">
Telephone Number:</label>
<input type="text" class="form-control summary" runat="server" id="inpTelephoneNumber"
placeholder="Phone Number" maxlength="20" />
<label for="inpEmailAddress">
EMail Address:</label>
<input type="text" class="form-control summary" runat="server" id="inpEmailAddress"
placeholder="EMail Address" maxlength="100" />
</div>
</div>
</div>
<div class="col-lg-3">
</div>
</div>
</ContentTemplate>
</asp:UpdatePanel>
</div>
<div class="panel-footer">
<div class="row">
<div class="col-lg-3">
</div>
<div class="col-lg-8">
<div class="row">
<div class="pull-right">
<a class="btn btn-success btnNext">Next</a>
</div>
</div>
</div>
<div class="col-lg-1 ">
</div>
</div>
</div>
</div>
</div>
Jede Hilfe würde geschätzt.
Sean