Example of modelpopup using asp.net with C#
Show Gridview
Add Record with ModelPopup
Editrecord in Modelpopup
design.aspx
<%@ Page Language="C#" CodeFile="Default.aspx.cs" Inherits="_Default" %>
<%@ Register Assembly="AjaxControlToolkit"
Namespace="AjaxControlToolkit"
TagPrefix="asp"
%>
<!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>
<style type="text/css">
.modalBackground
{
background-color: Gray;
opacity: 0.50;
filter: alpha(opacity=80);
z-index: 10000;
}
</style>
</head>
<body bgcolor="#3399CC">
<form id="form1" runat="server">
<div>
<asp:ScriptManager ID="ScriptManager1" runat="server">
</asp:ScriptManager>
<asp:ModalPopupExtender ID="ModalPopupExtender1" runat="server"
TargetControlID="LinkButton3"
PopupControlID="Panel1" BackgroundCssClass="modalBackground">
</asp:ModalPopupExtender>
<asp:ModalPopupExtender ID="ModalPopupExtender2" runat="server"
TargetControlID="Button5"
PopupControlID="Panel1" BackgroundCssClass="modalBackground">
</asp:ModalPopupExtender>
<asp:LinkButton ID="LinkButton3" runat="server" onclick="LinkButton3_Click">LinkButton</asp:LinkButton>
<asp:Button ID="Button5" runat="server" Text="Button"
style="display:none" />
<asp:Panel ID="Panel1" runat="server"
BackColor="#3399CC"
Visible="false">
<asp:Label ID="Label17" BackColor="Crimson"
Width="349px"
Text=""
runat="server"></asp:Label>
<center><table border="1" bordercolor="black">
<tr>
<td>
<asp:Label ID="Label6" ForeColor="White" runat="server" Text="company id"></asp:Label>
</td>
<td>
<asp:TextBox ID="TextBox6" runat="server"></asp:TextBox>
</td>
<td>
<asp:CompareValidator ID="CompareValidator1" runat="server"
ErrorMessage="only digit is allowed" ControlToValidate="TextBox6"
Display="Dynamic"
Font-Bold="True" Type="Integer" Operator="DataTypeCheck"></asp:CompareValidator>
<asp:RequiredFieldValidator ID="RequiredFieldValidator1" runat="server"
ErrorMessage="Please
enter id"
ControlToValidate="TextBox6" SetFocusOnError="true" Display="Dynamic"></asp:RequiredFieldValidator>
</td>
</tr>
<tr>
<td>
<asp:Label ID="Label1" ForeColor="White" runat="server" Text="company name"></asp:Label>
</td>
<td>
<asp:TextBox ID="TextBox1" runat="server"></asp:TextBox>
</td>
<td>
<asp:RequiredFieldValidator ID="rfvFirstName"
runat="server"
ControlToValidate="TextBox1"
ErrorMessage="company Name can't be left blank"
Display="Dynamic"> </asp:RequiredFieldValidator>
</td>
</tr>
<tr>
<td>
<asp:Label ID="Label7" runat="server" ForeColor="White" Text="enter image"></asp:Label>
</td>
<td>
<asp:FileUpload ID="FileUpload1" runat="server" />
</td>
<td>
<asp:RequiredFieldValidator ID="fileup"
runat="server"
ControlToValidate="FileUpload1"
ErrorMessage="image can't be left blank"
Display="Dynamic"> </asp:RequiredFieldValidator>
</td>
</tr>
<tr>
<td>
<asp:Label ID="Label2" ForeColor="White" runat="server" Text="persion name"></asp:Label>
</td>
<td>
<asp:TextBox ID="TextBox2" runat="server"></asp:TextBox>
</td>
<td>
<asp:RequiredFieldValidator
ID="RequiredFieldValidator2" runat="server"
ControlToValidate="TextBox2"
ErrorMessage="person name can't be left blank"
Display="Dynamic"> </asp:RequiredFieldValidator>
</td>
</tr>
<tr>
<td>
<asp:Label ID="Label10" runat="server" ForeColor="White" Text="gender"></asp:Label>
</td>
<td>
<asp:RadioButtonList ForeColor="White" ID="RadioButtonList1" runat="server">
<asp:ListItem Text=male Value="male" ></asp:ListItem>
<asp:ListItem Text="female" Value="female"></asp:ListItem>
</asp:RadioButtonList>
</td>
<td>
<asp:RequiredFieldValidator
ID="gender" runat="server"
ControlToValidate="RadioButtonList1"
ErrorMessage="gender can't be left blank"
Display="Dynamic"> </asp:RequiredFieldValidator>
</td>
</tr>
<tr>
<td>
<asp:Label ID="Label8" ForeColor="White" runat="server" Text="enter state"></asp:Label>
</td>
<td>
<asp:UpdatePanel ID="up1" runat="server">
<ContentTemplate>
<asp:DropDownList ID="DropDownList1" runat="server"
onselectedindexchanged="DropDownList1_SelectedIndexChanged"
DataTextField="statename"
DataValueField="statename"
AutoPostBack="true"
style="height: 22px">
</asp:DropDownList>
</ContentTemplate>
</asp:UpdatePanel>
</td>
<td>
<asp:RequiredFieldValidator
ID="state" runat="server"
ControlToValidate="DropDownList1"
ErrorMessage="state name can't be left blank"
Display="Dynamic"> </asp:RequiredFieldValidator>
</td>
</tr>
<tr>
<td>
<asp:Label ID="Label9"
ForeColor="White"
runat="server"
Text="enter
City"></asp:Label>
</td>
<td>
<asp:UpdatePanel ID="up2" runat="server">
<ContentTemplate>
<asp:DropDownList ID="DropDownList2" runat="server" DataTextField="city" AutoPostBack="true" DataValueField="city">
</asp:DropDownList>
</ContentTemplate>
</asp:UpdatePanel>
</td>
<td>
<asp:RequiredFieldValidator
ID="city" runat="server"
ControlToValidate="DropDownList2"
ErrorMessage="city name can't be left blank"
Display="Dynamic"> </asp:RequiredFieldValidator>
</td>
</tr>
<tr>
<td >
<asp:Label ID="Label3" ForeColor="White" runat="server" Text="company phone"></asp:Label>
</td>
<td >
<asp:TextBox ID="TextBox3" runat="server"></asp:TextBox>
</td>
<td>
<asp:RequiredFieldValidator ID="RequiredFieldValidator4"
runat="server"
ControlToValidate="TextBox3"
ErrorMessage="phoneno can't be left blank"
SetFocusOnError="True" Display="Dynamic"></asp:RequiredFieldValidator>
<asp:RegularExpressionValidator ID="RegularExpressionValidator3"
runat="server"
ErrorMessage="only number is allowed and 6 digit number"
ControlToValidate="TextBox3"
Display="Dynamic" ValidationExpression="^[0-9]{6}"></asp:RegularExpressionValidator>
</td>
</tr>
<tr>
<td>
<asp:Label ID="Label4" ForeColor="White" runat="server" Text="company mobile"></asp:Label>
</td>
<td>
<asp:TextBox ID="TextBox4" runat="server"></asp:TextBox>
</td>
<td>
<asp:RequiredFieldValidator ID="RequiredFieldValidator5"
runat="server"
ControlToValidate="TextBox4"
ErrorMessage="cellno can't be left blank"
SetFocusOnError="True" Display="Dynamic"></asp:RequiredFieldValidator>
<asp:RegularExpressionValidator ID="RegularExpressionValidator2"
runat="server"
ErrorMessage="only number is allowed" ControlToValidate="TextBox4"
Display="Dynamic" ValidationExpression="^[0-9]{10}"></asp:RegularExpressionValidator>
</td>
</tr>
<tr>
<td>
<asp:Label ID="Label5" ForeColor="White" runat="server" Text="company address"></asp:Label>
</td>
<td>
<asp:TextBox ID="TextBox5" runat="server"></asp:TextBox>
</td>
<td>
<asp:RequiredFieldValidator
ID="RequiredFieldValidator3" runat="server"
ControlToValidate="TextBox5"
ErrorMessage="Address can't be left blank"
Display="Dynamic"> </asp:RequiredFieldValidator>
</td>
</tr>
<tr>
<td>
<asp:Button ID="Button4" runat="server" Text="insert"
CausesValidation="False"
onclick="Button4_Click"/></td>
<td>
<asp:Button ID="Button3" runat="server" Text="update"
Visible="false" CausesValidation="False" onclick="Button3_Click" />
<asp:Button ID="Button2" CausesValidation="false" runat="server" Text="Cancel"
onclick="Button2_Click" />
</td>
</tr>
</table>
</asp:Panel>
<asp:GridView ID="GridView1" runat="server" AutoGenerateColumns="False"
DataKeyNames="com_id" >
<Columns>
<asp:TemplateField HeaderText="ID">
<ItemTemplate>
<asp:Label ID="Label8" runat="server"
Text='<%#Eval("com_id")
%>'></asp:Label>
</ItemTemplate>
</asp:TemplateField>
<asp:TemplateField HeaderText="c_nm">
<ItemTemplate>
<asp:Label ID="Label7" runat="server"
Text='<%#Eval("com_name")
%>'></asp:Label>
</ItemTemplate>
</asp:TemplateField>
<asp:TemplateField HeaderText="image">
<ItemTemplate>
<asp:Image ID="Image1" runat="server" Width="80" Height="80" ImageUrl='<%#Eval("image")
%>' />
<asp:Label ID="Label16"
runat="server"
Text='<%#Eval("image")
%>' Visible="false"></asp:Label>
</ItemTemplate>
</asp:TemplateField>
<asp:TemplateField HeaderText="p_nm">
<ItemTemplate>
<asp:Label ID="Label9" runat="server"
Text='<%#Eval("per_name")
%>'></asp:Label>
</ItemTemplate>
</asp:TemplateField>
<asp:TemplateField HeaderText="gender">
<ItemTemplate>
<asp:Label ID="Label13"
runat="server"
Text='<%#Eval("gender")
%>'></asp:Label>
</ItemTemplate>
</asp:TemplateField>
<asp:TemplateField HeaderText="state">
<ItemTemplate>
<asp:Label ID="Label14"
runat="server"
Text='<%#Eval("state")
%>'></asp:Label>
</ItemTemplate>
</asp:TemplateField>
<asp:TemplateField HeaderText="city">
<ItemTemplate>
<asp:Label ID="Label15"
runat="server"
Text='<%#Eval("city")
%>'></asp:Label>
</ItemTemplate>
</asp:TemplateField>
<asp:TemplateField HeaderText="ph_no">
<ItemTemplate>
<asp:Label ID="Label10"
runat="server"
Text='<%#Eval("com_ph")
%>'></asp:Label>
</ItemTemplate>
</asp:TemplateField>
<asp:TemplateField HeaderText="mo_no">
<ItemTemplate>
<asp:Label ID="Label11"
runat="server"
Text='<%#Eval("com_mo")
%>'></asp:Label>
</ItemTemplate>
</asp:TemplateField>
<asp:TemplateField HeaderText="c_add">
<ItemTemplate>
<asp:Label ID="Label12"
runat="server"
Text='<%#Eval("com_add")
%>'></asp:Label>
</ItemTemplate>
</asp:TemplateField>
<asp:TemplateField HeaderText="edit">
<ItemTemplate>
<asp:LinkButton ID="LinkButton1"
OnClick="edit"
runat="server"
CausesValidation="False">edit</asp:LinkButton>
</ItemTemplate>
</asp:TemplateField>
<asp:TemplateField HeaderText="delete">
<ItemTemplate>
<asp:LinkButton ID="LinkButton2"
runat="server"
OnClick="delete" CommandArgument='<%#Eval("com_id")
%>' CausesValidation="False">Delete</asp:LinkButton>
</ItemTemplate>
</asp:TemplateField>
</Columns>
</asp:GridView>
</div>
</form>
</body>
</html>
Design.aspx.cs
using System;
using
System.Collections.Generic;
using
System.Linq;
using
System.Web;
using
System.Web.UI;
using
System.Web.UI.WebControls;
using
System.Data;
using
System.Data.SqlClient;
using System.IO;
public partial class _Default : System.Web.UI.Page
{
protected void Page_Load(object
sender, EventArgs e)
{
if
(!Page.IsPostBack)
{
Bind_ddlstate();
grid();
}
}
public void Bind_ddlstate()
{
string
con = @"Data Source=SQLDB;Initial
Catalog=Demo;User ID=Demoh;Password=Demo1@";
SqlConnection
conn = new SqlConnection(con);
conn.Open();
string
q = "select * from pi_statedemo";
DataSet
ds = new DataSet();
SqlDataAdapter
da = new SqlDataAdapter(q,
conn);
da.Fill(ds);
DropDownList1.DataSource = ds;
DropDownList1.DataBind();
DropDownList1.Items.Insert(0, new ListItem("--select--"));
conn.Close();
}
public void Bind_ddlCity()
{
//int a =
DropDownList1.SelectedIndex + 1;
//DropDownList2.Items.Clear();
string
con = @"Data Source=SQLDB;Initial
Catalog=Demo;User ID=Demoh;Password=Demo1@";
SqlConnection
conn = new SqlConnection(con);
conn.Open();
string q = "select
city from pi_citydemo where id ='" +DropDownList1.SelectedIndex+ "'";
DataSet
ds = new DataSet();
SqlDataAdapter
da = new SqlDataAdapter(q,
conn);
da.Fill(ds);
DropDownList2.DataSource = ds;
DropDownList2.DataBind();
conn.Close();
}
protected void Button4_Click(object
sender, EventArgs e)
{
string
con = @"Data Source=SQLDB;Initial
Catalog=Demo;User ID=Demoh;Password=Demo1@";
SqlConnection
conn = new SqlConnection(con);
FileUpload1.SaveAs(Server.MapPath("~/image/") + FileUpload1.FileName);
string k
= "~/image/"+FileUpload1.FileName;
string q
= "insert into
pi_com2(com_id,com_name,image,per_name,gender,state,city,com_ph,com_mo,com_add)
values('" + TextBox6.Text + "','"
+ TextBox1.Text + "','" + k + "','" + TextBox2.Text + "','" + RadioButtonList1.SelectedValue +
"','" +
DropDownList1.SelectedValue + "','"
+ DropDownList2.SelectedValue + "','"
+ TextBox3.Text + "','" + TextBox4.Text
+ "','" + TextBox5.Text + "')";
SqlCommand
cmd = new SqlCommand(q,
conn);
conn.Open();
int i
= cmd.ExecuteNonQuery();
conn.Close();
TextBox6.Text = "";
TextBox1.Text = "";
TextBox2.Text = "";
TextBox3.Text = "";
TextBox4.Text = "";
TextBox5.Text = "";
DropDownList1.SelectedIndex = -1;
Bind_ddlCity();
RadioButtonList1.SelectedIndex = -1;
grid();
}
public void grid()
{
string
con = @"Data Source=SQLDB;Initial
Catalog=Demo;User ID=Demoh;Password=Demo1@";
SqlConnection
conn = new SqlConnection(con);
conn.Open();
string
q = "select * from pi_com2";
DataSet
ds = new DataSet();
SqlDataAdapter
da = new SqlDataAdapter(q,
conn);
da.Fill(ds);
GridView1.DataSource = ds;
GridView1.DataBind();
conn.Close();
}
protected void edit(object
sender, EventArgs e)
{
LinkButton
lt = (LinkButton)sender;
GridViewRow
rw = (GridViewRow)lt.NamingContainer;
Label
cid = rw.FindControl("Label8") as Label;
TextBox6.Text = cid.Text;
Label
cnm = rw.FindControl("Label7") as Label;
TextBox1.Text = cnm.Text;
Label
pnm = rw.FindControl("Label9") as Label;
TextBox2.Text = pnm.Text;
Label
pno = rw.FindControl("Label10") as Label;
TextBox3.Text = pno.Text;
Label
mno = rw.FindControl("Label11") as Label;
TextBox4.Text = mno.Text;
Label
cadd = rw.FindControl("Label12") as Label;
TextBox5.Text = cadd.Text;
//TextBox6.ReadOnly
= true;
Label
st = rw.FindControl("Label14") as Label;
DropDownList1.SelectedValue = st.Text;
Label
ct = rw.FindControl("Label15") as Label;
DropDownList2.Items.Insert(0,
(ct.Text));
Panel1.Visible = true;
this.ModalPopupExtender2.Show();
//Button1.Visible
= false;
Button4.Visible = false;
Button3.Visible = true;
//Button2.Visible
= false;
}
protected void Button2_Click(object
sender, EventArgs e)
{
LinkButton3.Visible = true;
TextBox6.Text = "";
TextBox1.Text = "";
TextBox2.Text = "";
TextBox3.Text = "";
TextBox4.Text = "";
TextBox5.Text = "";
DropDownList1.SelectedIndex = -1;
Bind_ddlCity();
RadioButtonList1.SelectedIndex = -1;
}
protected void delete(object
sender, EventArgs e)
{
//Session["id"]
string
idb = ((LinkButton)sender).CommandArgument;
LinkButton
st = (LinkButton)sender;
GridViewRow
rw = (GridViewRow)st.NamingContainer;
Label
id = (Label)rw.FindControl("Label18");
foreach
(GridViewRow r in
GridView1.Rows)
{
string
sid = GridView1.DataKeys[r.RowIndex].Values[0].ToString();
if
(sid.Equals(idb))
{
string
con = @"Data Source=SQLDB;Initial
Catalog=Demo;User ID=Demoh;Password=Demo1@";
SqlConnection
conn = new SqlConnection(con);
string
q = "delete from pi_com2 where com_id='"
+ sid + "'";
SqlCommand
cmd = new SqlCommand(q,
conn);
conn.Open();
int
i = cmd.ExecuteNonQuery();
conn.Close();
}
}
grid();
}
protected void Button3_Click(object
sender, EventArgs e)
{
string
con = @"Data Source=SQLDB;Initial
Catalog=Demo;User ID=Demoh;Password=Demo1@";
SqlConnection
conn = new SqlConnection(con);
string
s = null;
if
(FileUpload1.HasFile)
{
FileUpload1.SaveAs(Server.MapPath("~/image/") + FileUpload1.FileName);
s = "~/image/"
+ FileUpload1.FileName;
}
else
{
foreach
(GridViewRow r in
GridView1.Rows)
{
string
m = GridView1.DataKeys[r.RowIndex].Value.ToString();
if(m.Equals(TextBox6.Text))
{
Label
l2 = (Label)GridView1.Rows[r.RowIndex].FindControl("Label16");
s = l2.Text;
}
}
}
string
gender = null;
if
(RadioButtonList1.SelectedIndex == 0 )
{
gender = "male";
}
else
if (RadioButtonList1.SelectedIndex == 1)
{
gender = "female";
}
else
{
foreach (GridViewRow r in GridView1.Rows)
{
Label l13 = (Label)GridView1.Rows[r.RowIndex].FindControl("Label13");
gender = l13.Text;
}
}
string
q = "update pi_com2 set com_name='"
+ TextBox1.Text + "',image='" + s
+ "',per_name='" + TextBox2.Text +
"',gender='" + gender + "',state='" +
DropDownList1.SelectedValue + "',city='"
+ DropDownList2.SelectedValue + "',com_ph='"
+ TextBox3.Text + "',com_mo='" +
TextBox4.Text + "',com_add='" +
TextBox5.Text + "' where com_id='"+TextBox6.Text+"'";
SqlCommand
cmd = new SqlCommand(q,
conn);
conn.Open();
int i =
cmd.ExecuteNonQuery();
conn.Close();
TextBox6.Text = "";
TextBox1.Text = "";
TextBox2.Text = "";
TextBox3.Text = "";
TextBox4.Text = "";
TextBox5.Text = "";
DropDownList1.SelectedIndex = -1;
Bind_ddlCity();
RadioButtonList1.SelectedIndex = -1;
Button4.Visible = true;
Button3.Visible = false;
grid();
}
protected void LinkButton3_Click(object
sender, EventArgs e)
{
Panel1.Visible = true;
ModalPopupExtender1.Show();
Button3.Visible = false;
Button4.Visible = true;
Button2.Visible = true;
}
protected void DropDownList1_SelectedIndexChanged(object sender, EventArgs
e)
{
Bind_ddlCity();
}
}
0 comments :