How to trigger asp code behind from the button in jquery dialog

MuffPealcuple

New Member
Can anyone teach me how to trigger the asp code behind after i click on the button at appear at the jquery popup dialog? I want my data to send to server side Here is my form :\[code\]<div id="dialog" hidden> fullname:<asp:TextBox ID="TextBox1" runat="server"></asp:TextBox></br> password:<asp:TextBox ID="TextBox2" runat="server"></asp:TextBox></br> email:<asp:TextBox ID="TextBox3" runat="server"></asp:TextBox></br><asp:Button ID="Submit" runat="server" Text="Button" onclick="Button1_Click" hidden/></div>\[/code\]My jquery dialog which will pop up my form:\[code\]<link href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/themes/base/jquery-ui.css" rel="stylesheet" type="text/css"/><script src="http://ajax.googleapis.com/ajax/libs/jquery/1.5/jquery.min.js"></script><script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/jquery-ui.min.js"></script><script type="text/javascript" language="javascript" >jQuery(document).ready(function () { $('#<%=open.ClientID%>').click(function () { $('#dialog').dialog({ modal: true, height: 500, width: 600, resizable: false, show: 'fold', hide: 'fold', } }); return false; });});\[/code\]And here is my asp code behind. I'm using linq to show the data in the gridview:\[code\] protected void Page_Load(object sender, EventArgs e) { showData(); } protected void showData() { using(AutoBetDataContext db = new AutoBetDataContext()) { var query = from u in db.UserDetails select u; GridView.DataSource= query; GridView.DataBind(); } } protected void Button1_Click(object sender, EventArgs e) { using (AutoBetDataContext db = new AutoBetDataContext()) { UserDetail user = new UserDetail(); user.Fullname = TextBox1.Text; user.Password = TextBox2.Text; user.EmailAddress = TextBox3.Text; db.UserDetails.InsertOnSubmit(user); db.SubmitChanges(); showData(); } }}\[/code\]
 
Back
Top