This is my main page or what you may say index.aspx
<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="zain.aspx.cs" Inherits="Ajax.zain" %><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head runat="server"><title></title><!-- ajax script start --><script type="text/javascript">
function callAJAX(url, pageElement, callMessage) {
document.getElementById(pageElement).innerHTML = callMessage;
try {
req = new XMLHttpRequest(); /* e.g. Firefox */
}
catch (e) {
try {
req = new ActiveXObject("Msxml2.XMLHTTP");
/* some versions IE */
}
catch (e) {
try {
req = new ActiveXObject("Microsoft.XMLHTTP");
/* some versions IE */
}
catch (E) {
req = false;
}
}
}
req.onreadystatechange = function () { responseAJAX(pageElement); };
req.open("GET", url, true);
req.send(null);
}
function responseAJAX(pageElement) {
var output = '';
if (req.readyState == 4) {
if (req.status == 200) {
output = req.responseText;
document.getElementById(pageElement).innerHTML = output;
}
}
}
</script><!-- ajax script end --></head><body><form id="form1" runat="server"><a href="#" onclick="callAJAX('ResultPage.aspx','AjaxData')">View Website</a><div id="AjaxData"><!-- website would be shown here --></div></form></body></html>Now here is my result.aspx page:
<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="ResultPage.aspx.cs" Inherits="Ajax.ResultPage" %><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head runat="server"><title></title><!-- grid script start --><script type="text/javascript">$(document).ready(function () {$("#btnShowSimple").click(function (e) {
ShowDialog(false);
e.preventDefault();
});$("#btnShowModal").click(function (e) {
ShowDialog(true);
e.preventDefault();
});$("#btnClose").click(function (e) {
HideDialog();
e.preventDefault();
});
});
function ShowDialog(modal) {
$("#overlay").show();$("#dialog").fadeIn(300);
if (modal) {
$("#overlay").unbind("click");
}
else {$("#overlay").click(function (e) {
HideDialog();
});
}
}
function HideDialog() {
$("#overlay").hide();$("#dialog").fadeOut(300);
}</script><!-- grid script end --></head><body><form id="form1" runat="server"><div><h1>This is result page</h1><br /><asp:TextBox ID="TextBox1" runat="server"></asp:TextBox><br /><asp:Button ID="btnShowSimple" runat="server" Text="View Grid" onclick="ViewList_Click" /><br /><!-- grid started --><asp:GridView ID="GridView1" runat="server" AutoGenerateColumns="False"
DataKeyNames="employee_id" DataSourceID="SqlDataSource1" Visible="false" OnSelectedIndexChanged="GridView1_SelectedIndexChanged"><Columns><asp:CommandField ShowSelectButton="True" /><asp:BoundField DataField="employee_id" HeaderText="employee_id"
InsertVisible="False" ReadOnly="True" SortExpression="employee_id" /><asp:BoundField DataField="employee_name" HeaderText="employee_name"
SortExpression="employee_name" /><asp:BoundField DataField="employee_age" HeaderText="employee_age"
SortExpression="employee_age" /><asp:BoundField DataField="employee_cellnum" HeaderText="employee_cellnum"
SortExpression="employee_cellnum" /><asp:BoundField DataField="employee_phonenum" HeaderText="employee_phonenum"
SortExpression="employee_phonenum" /><asp:BoundField DataField="employee_country" HeaderText="employee_country"
SortExpression="employee_country" /><asp:BoundField DataField="employee_province" HeaderText="employee_province"
SortExpression="employee_province" /><asp:BoundField DataField="employee_city" HeaderText="employee_city"
SortExpression="employee_city" /><asp:BoundField DataField="employee_address" HeaderText="employee_address"
SortExpression="employee_address" /><asp:BoundField DataField="employee_email" HeaderText="employee_email"
SortExpression="employee_email" /></Columns></asp:GridView><asp:SqlDataSource ID="SqlDataSource1" runat="server"
ConflictDetection="CompareAllValues"
ConnectionString="<%$ ConnectionStrings:ZAINConnectionString %>"
DeleteCommand="DELETE FROM [Employee] WHERE [employee_id] = @original_employee_id AND (([employee_name] = @original_employee_name) OR ([employee_name] IS NULL AND @original_employee_name IS NULL)) AND (([employee_age] = @original_employee_age) OR ([employee_age] IS NULL AND @original_employee_age IS NULL)) AND (([employee_cellnum] = @original_employee_cellnum) OR ([employee_cellnum] IS NULL AND @original_employee_cellnum IS NULL)) AND (([employee_phonenum] = @original_employee_phonenum) OR ([employee_phonenum] IS NULL AND @original_employee_phonenum IS NULL)) AND (([employee_country] = @original_employee_country) OR ([employee_country] IS NULL AND @original_employee_country IS NULL)) AND (([employee_province] = @original_employee_province) OR ([employee_province] IS NULL AND @original_employee_province IS NULL)) AND (([employee_city] = @original_employee_city) OR ([employee_city] IS NULL AND @original_employee_city IS NULL)) AND (([employee_address] = @original_employee_address) OR ([employee_address] IS NULL AND @original_employee_address IS NULL)) AND (([employee_email] = @original_employee_email) OR ([employee_email] IS NULL AND @original_employee_email IS NULL))"
InsertCommand="INSERT INTO [Employee] ([employee_name], [employee_age], [employee_cellnum], [employee_phonenum], [employee_country], [employee_province], [employee_city], [employee_address], [employee_email]) VALUES (@employee_name, @employee_age, @employee_cellnum, @employee_phonenum, @employee_country, @employee_province, @employee_city, @employee_address, @employee_email)"
OldValuesParameterFormatString="original_{0}"
SelectCommand="SELECT * FROM [Employee]"
UpdateCommand="UPDATE [Employee] SET [employee_name] = @employee_name, [employee_age] = @employee_age, [employee_cellnum] = @employee_cellnum, [employee_phonenum] = @employee_phonenum, [employee_country] = @employee_country, [employee_province] = @employee_province, [employee_city] = @employee_city, [employee_address] = @employee_address, [employee_email] = @employee_email WHERE [employee_id] = @original_employee_id AND (([employee_name] = @original_employee_name) OR ([employee_name] IS NULL AND @original_employee_name IS NULL)) AND (([employee_age] = @original_employee_age) OR ([employee_age] IS NULL AND @original_employee_age IS NULL)) AND (([employee_cellnum] = @original_employee_cellnum) OR ([employee_cellnum] IS NULL AND @original_employee_cellnum IS NULL)) AND (([employee_phonenum] = @original_employee_phonenum) OR ([employee_phonenum] IS NULL AND @original_employee_phonenum IS NULL)) AND (([employee_country] = @original_employee_country) OR ([employee_country] IS NULL AND @original_employee_country IS NULL)) AND (([employee_province] = @original_employee_province) OR ([employee_province] IS NULL AND @original_employee_province IS NULL)) AND (([employee_city] = @original_employee_city) OR ([employee_city] IS NULL AND @original_employee_city IS NULL)) AND (([employee_address] = @original_employee_address) OR ([employee_address] IS NULL AND @original_employee_address IS NULL)) AND (([employee_email] = @original_employee_email) OR ([employee_email] IS NULL AND @original_employee_email IS NULL))"><DeleteParameters><asp:Parameter Name="original_employee_id" Type="Int32" /><asp:Parameter Name="original_employee_name" Type="String" /><asp:Parameter Name="original_employee_age" Type="Int32" /><asp:Parameter Name="original_employee_cellnum" Type="String" /><asp:Parameter Name="original_employee_phonenum" Type="String" /><asp:Parameter Name="original_employee_country" Type="String" /><asp:Parameter Name="original_employee_province" Type="String" /><asp:Parameter Name="original_employee_city" Type="String" /><asp:Parameter Name="original_employee_address" Type="String" /><asp:Parameter Name="original_employee_email" Type="String" /></DeleteParameters><InsertParameters><asp:Parameter Name="employee_name" Type="String" /><asp:Parameter Name="employee_age" Type="Int32" /><asp:Parameter Name="employee_cellnum" Type="String" /><asp:Parameter Name="employee_phonenum" Type="String" /><asp:Parameter Name="employee_country" Type="String" /><asp:Parameter Name="employee_province" Type="String" /><asp:Parameter Name="employee_city" Type="String" /><asp:Parameter Name="employee_address" Type="String" /><asp:Parameter Name="employee_email" Type="String" /></InsertParameters><UpdateParameters><asp:Parameter Name="employee_name" Type="String" /><asp:Parameter Name="employee_age" Type="Int32" /><asp:Parameter Name="employee_cellnum" Type="String" /><asp:Parameter Name="employee_phonenum" Type="String" /><asp:Parameter Name="employee_country" Type="String" /><asp:Parameter Name="employee_province" Type="String" /><asp:Parameter Name="employee_city" Type="String" /><asp:Parameter Name="employee_address" Type="String" /><asp:Parameter Name="employee_email" Type="String" /><asp:Parameter Name="original_employee_id" Type="Int32" /><asp:Parameter Name="original_employee_name" Type="String" /><asp:Parameter Name="original_employee_age" Type="Int32" /><asp:Parameter Name="original_employee_cellnum" Type="String" /><asp:Parameter Name="original_employee_phonenum" Type="String" /><asp:Parameter Name="original_employee_country" Type="String" /><asp:Parameter Name="original_employee_province" Type="String" /><asp:Parameter Name="original_employee_city" Type="String" /><asp:Parameter Name="original_employee_address" Type="String" /><asp:Parameter Name="original_employee_email" Type="String" /></UpdateParameters></asp:SqlDataSource><!-- grid ended --></div></form></body></html>Note: Please modify the grid with any sql database of your own.
Now here us my "result.aspx.cs" page:
using System;
using System.Collections.Generic;
using System.Linq;
using System.Web;
using System.Web.UI;
using System.Web.UI.WebControls;
namespace Ajax
{
public partial class ResultPage : System.Web.UI.Page
{
public string GetConnectionString()
{
//sets the connection string from your web config file "ApplicationServices" is the name of your Connection String
return System.Configuration.ConfigurationManager.ConnectionStrings["ApplicationServices"].ConnectionString;
}
protected void Page_Load(object sender, EventArgs e)
{
}
protected void GridView1_SelectedIndexChanged(object sender, EventArgs e)
{
TextBox1.Text = GridView1.SelectedRow.Cells[2].Text;
ViewState["Show"] = false;
GridView1.Visible = false;
}
protected override void LoadViewState(object savedState)
{
base.LoadViewState(savedState);
this.GridView1.Visible = ViewState["Show"] == null ? false : Convert.ToBoolean(ViewState["Show"].ToString());
}
protected void ViewList_Click(object sender, EventArgs e)
{
ViewState["Show"] = true;
GridView1.Visible = true;
}
}
}Problem:
both the pages works absolutely fine when i run them individually. But when i start from "index.aspx" page and it generates result page with the help of ajax, the "result.aspx" page doesnt works correctly. Result.aspx have java script functions which are not
working within ajax generated div. Grid is not shown.