Wie vermeiden Sie die Aktualisierung der Seite nach dem button-click-Ereignis in asp.net
Dies ist im folgenden code wird die Seite aktualisiert, sobald die btninsert click-Ereignis abgeschlossen ist, möchte ich halt die Seite aktualisieren nach dem btninsert ist, klicken Sie
<asp:UpdatePanel ID="UpdatePanel1" runat="server">
<ContentTemplate>
<div style="margin-bottom: 20px; margin-top: 20px;"><span><strong style="font-size: large;">Edit User</strong></span></div>
<div>
<span style="float: left; width: 50%;"> </span> <span style="float: left; width: 50%;">
<span style="width: 100%; float: left; text-align: right;">
<asp:Label ID="lblMessage" runat="server" Text="-"></asp:Label></span>
</span>
</div>
<div style="width: 100%; float: left;">
<hr />
</div>
<div style="width: 816px; margin-left: 5px; margin-top: 20px; height: 463px;">
<div style="width: 100%; float: left; padding-top: 15px; height: 257px; margin-left: 0px;">
<span class="Divide">
<span class="simDivide1">FullName</span>
<span class="simDivide">
<asp:TextBox ID="txtfullname" runat="server" Width="180px">
</asp:TextBox>
</span>
</span>
<span class="Divide">
<span class="simDivide1"></span>
<span class="simDivide"></span>
</span>
<span class="Divide">
<span class="simDivide1">Username</span>
<span class="simDivide">
<asp:TextBox ID="txtusername" runat="server" Width="180px">
</asp:TextBox>
</span>
</span>
<span class="Divide">
<span class="simDivide1"></span>
<span class="simDivide"></span>
</span>
<span class="Divide">
<span class="simDivide1">Password</span>
<span class="simDivide">
<asp:TextBox ID="txtpassword" runat="server" Width="180px">
</asp:TextBox>
</span>
</span>
<span class="Divide">
<span class="simDivide1"></span>
<span class="simDivide"></span>
</span>
<span class="Divide">
<span class="simDivide1">Mobile No
</span>
<span class="simDivide"><asp:TextBox ID="txtmobileno" runat="server" Width="180px">
</asp:TextBox>
</span>
</span>
<span class="Divide">
<span class="simDivide"></span>
</span>
<span class="Divide">
<span class="simDivide1">Role
</span>
<span class="simDivide"><asp:TextBox ID="txtrole" runat="server" Width="180px">
</asp:TextBox>
</span>
</span>
<script src="jquery-2.0.2.js"></script>
<script language="javascript">
function done() {
var list = document.getElementById("tid");
list.removeChild(list.lastChild);
}
function changecourse(e) {
var change = document.getElementById('mytext').value;
var i = 1;
mNewObj = document.createElement('div');
mNewObj.id = "BOX" + i;
mNewObj.style.visibility = "show";
mNewObj.innerHTML = change + " <a href='#' style='text-decoration: none; color:red' onClick='done()'> x </a> ";
document.getElementById("tid").appendChild(mNewObj);
i++
var a = document.getElementById('mytext').selectedIndex;
document.getElementById("ContentPlaceHolder1_Hidden1").value = a;
//document.getElementById("ContentPlaceHolder1_btninsert").click();
deleted();
}
function yes() {
$("#ContentPlaceHolder1_btninsert").click();
}
//function insert() {
// $.ajax({
// type: "POST",
// url: "Edituser.aspx.cs/insert",
// success: function () { alert('success'); },
// error: function () { alert('error'); }
// });
//}
function cancel() {
var select = document.getElementById('mytext');
select.remove(select.selectedIndex);
}
function deleted() {
document.getElementById("mytext").style.display = 'none';
document.getElementById("Button1").style.display = 'none';
document.getElementById("tid").style.display = 'inline';
document.getElementById("mylink").style.display = 'inline';
}
function showdiv() {
document.getElementById("mylink").style.display = 'none';
document.getElementById("mytext").style.display = 'inline';
document.getElementById("Button1").style.display = 'inline';
}
</script>
<input id="Hidden1" type="hidden" runat="server" />
</div>
<asp:Button ID="btnUpdate" runat="server" OnClick="btnUpdate_Click" Style="margin-left: 5px" Text="Edit" Width="39px" />
<br>
<br>
<asp:UpdatePanel runat="server">
<ContentTemplate>
    <div id="tid" >
</div>
<div id="di">
<a id="mylink" onclick="showdiv()">Add Depot</a>
<select id='mytext' name='mytext' style="display: none">
<option>--Select--</option>
<option>Mumbai</option>
<option>Delhi</option>
<option>Banglore</option>
<option>Ahmedabad</option>
</select>
<input type="button" id="Button1" style="display: none" onclick=" changecourse(); yes(); cancel(); return false;" value="add" />
</div>
<asp:Button ID="btninsert" runat="server" Style="display: none" OnClick="btninsert_Click" Text="Insert" ValidationGroup="C" />
</ContentTemplate>
</asp:UpdatePanel>
</ContentTemplate>
</asp:UpdatePanel>
und dies Bearbeiten.aspx.cs in der ich-Methode
protected void btninsert_Click(object sender, EventArgs e)
{
string a = Hidden1.Value;
string UserId = Convert.ToString(Session["LoginId"]);
con.Open();
SqlCommand cmd = new SqlCommand("INSERT INTO UserDepot (UserId,DepotId)" +
"VALUES ('" + UserId + "','" + a + "')", con);
cmd.ExecuteNonQuery();
con.Close();
}
InformationsquelleAutor der Frage user3230677 | 2014-01-24
Du musst angemeldet sein, um einen Kommentar abzugeben.
Hinzufügen
OnClientClick="return false;"
,oder im CodeBehind:
InformationsquelleAutor der Antwort zey
Seite aktualisiert, wenn Sie eine Reise nach server und server-Steuerelemente wie Taste hat eine Eigenschaft AutoPostback = true standardmäßig, was bedeutet, wenn Sie angeklickt werden einen Ausflug zum server hergestellt werden.
Set AutoPostback = false für die Schaltfläche "einfügen", und dies wird den trick tun für Sie.
InformationsquelleAutor der Antwort Zeeshan Ajmal
Als Sie mit
asp:Button
was ist ein server-Steuerelement, post wieder geschehen wird, zu vermeiden, gehen fürhtml
- Taste,Typ
InformationsquelleAutor der Antwort M.K
wenn Sie einige codes, die in Ihrem Page_Load-Methode, und Sie wollen nicht, dass diejenigen, die ausgeführt werden, nachdem die Schaltfläche klicken, verwenden Sie if(!IsPostBack) auf Page_Load
asp:Button ist ein server-Steuerelement und für die senden-Anforderung an server und erhalten Antwort müssen die Seite aktualisieren. Sie können JQuery und Ajax um zu verhindern, dass die vollständige Aktualisierung der Seite
InformationsquelleAutor der Antwort mnshahab
Set
MaintainScrollPositionOnPostBack="true"
in der page-Deklaration:InformationsquelleAutor der Antwort Muhammad Ahmad
html
javacript
code
InformationsquelleAutor der Antwort robin
Können Sie verwenden "ASP.net AJax Control toolkit" gemacht für asp.net
http://www.ajaxcontroltoolkit.com/
InformationsquelleAutor der Antwort Dheeraj Kumar
Ich denke, ich habe auch dieses problem, ich versuchte Kalender sichtbar nach dem Klick auf einen button, aber die Seite hält erfrischend nach Klick auf die Schaltfläche
Diese eigentlich schon mein problem.
Kann ich nicht Abstimmung oder Kommentar, ich bin nur seit heute, ALSO
InformationsquelleAutor der Antwort Elijah Ignacio
Können Sie
Ajax
um zu verhindern, dass die Seite aktualisierenInformationsquelleAutor der Antwort ℛⱥℐℰşℎ
Wenn man nach unten scrollen, ein gridview-Steuerelement zum auswählen einer Zeile
MaintainScrollPositionOnPostBack="true"
wird es weiterhin zeigen, dass die Reihe, nachdem man es ausgewählt.InformationsquelleAutor der Antwort Jon Boy