给 GridView 的 LinkButton 删除按钮添加弹出层的确认删除对话框
2011-04-16 12:20
666 查看
<%@ Page Language="C#" EnableViewState="true" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<script runat="server">
protected void Page_Load(object sender, EventArgs e)
{
if (!Page.IsPostBack)
{
// 创建示例数据绑定源
System.Data.DataTable dt = new System.Data.DataTable();
System.Data.DataRow dr;
dt.Columns.Add(new System.Data.DataColumn("UserId", typeof(System.Int32)));
dt.Columns.Add(new System.Data.DataColumn("Name", typeof(System.String)));
System.Random rd = new System.Random();
for (int i = 1; i < 10; i++)
{
dr = dt.NewRow();
dr[0] = i;
dr[1] = "【孟子E章】" + i.ToString();
dt.Rows.Add(dr);
}
System.Data.DataView dv = new System.Data.DataView(dt);
GridView1.DataSource = dv;
GridView1.DataBind();
}
}
protected void GridView1_RowDataBound(object sender, GridViewRowEventArgs e)
{
if (e.Row.RowType == DataControlRowType.DataRow)
{
LinkButton x = e.Row.FindControl("x") as LinkButton;
x.Attributes.Add("onclick", "return ShowDiv('" + x.UniqueID + "')");
}
}
protected void x_Click(object sender, EventArgs e)
{
LinkButton x = sender as LinkButton;
Response.Write("你要删除的 UserId = " + x.CommandArgument);
}
</script>
<html xmlns="http://www.w3.org/1999/xhtml">
<head id="Head1" runat="server">
<title>给 GridView 的 LinkButton 删除按钮添加弹出层的确认删除对话框</title>
<script>
var linkbutton = null;
function ShowDiv(o) {
linkbutton = o;
document.getElementById("d").style.display = "";
return false;
}
function Yes() {
if (linkbutton) {
__doPostBack(linkbutton, '');
}
}
function No() {
linkbutton = null;
document.getElementById("d").style.display = "none";
}
</script>
</head>
<body>
<form id="form1" runat="server">
<asp:GridView ID="GridView1" runat="server" AutoGenerateColumns="false" OnRowDataBound="GridView1_RowDataBound"
DataKeyNames="UserId">
<Columns>
<asp:TemplateField HeaderText="UserId">
<ItemTemplate>
<%#Eval("UserId")%>
</ItemTemplate>
</asp:TemplateField>
<asp:TemplateField HeaderText="名称">
<ItemTemplate>
<%#Eval("Name") %>
</ItemTemplate>
</asp:TemplateField>
<asp:TemplateField HeaderText="操作">
<ItemTemplate>
<asp:LinkButton ID="x" runat="server" CommandArgument='<%#Eval("UserId") %>' Text="删除" OnClick="x_Click" ></asp:LinkButton>
</ItemTemplate>
</asp:TemplateField>
</Columns>
</asp:GridView>
</form>
<div id="d" style="background: red; display: none; width: 200px; height: 200px">
<h5>测试对话框，自己美化下吧</h5>
<input type="button" value="确认" onclick="Yes()" />
<input type="button" value="取消" onclick="No()" />
</div>
</body>
</html>
原文地址：http://dotnet.aspx.cc/article/007ebf00-1a3a-4d26-b211-51e977fb8eb6/print.aspx
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<script runat="server">
protected void Page_Load(object sender, EventArgs e)
{
if (!Page.IsPostBack)
{
// 创建示例数据绑定源
System.Data.DataTable dt = new System.Data.DataTable();
System.Data.DataRow dr;
dt.Columns.Add(new System.Data.DataColumn("UserId", typeof(System.Int32)));
dt.Columns.Add(new System.Data.DataColumn("Name", typeof(System.String)));
System.Random rd = new System.Random();
for (int i = 1; i < 10; i++)
{
dr = dt.NewRow();
dr[0] = i;
dr[1] = "【孟子E章】" + i.ToString();
dt.Rows.Add(dr);
}
System.Data.DataView dv = new System.Data.DataView(dt);
GridView1.DataSource = dv;
GridView1.DataBind();
}
}
protected void GridView1_RowDataBound(object sender, GridViewRowEventArgs e)
{
if (e.Row.RowType == DataControlRowType.DataRow)
{
LinkButton x = e.Row.FindControl("x") as LinkButton;
x.Attributes.Add("onclick", "return ShowDiv('" + x.UniqueID + "')");
}
}
protected void x_Click(object sender, EventArgs e)
{
LinkButton x = sender as LinkButton;
Response.Write("你要删除的 UserId = " + x.CommandArgument);
}
</script>
<html xmlns="http://www.w3.org/1999/xhtml">
<head id="Head1" runat="server">
<title>给 GridView 的 LinkButton 删除按钮添加弹出层的确认删除对话框</title>
<script>
var linkbutton = null;
function ShowDiv(o) {
linkbutton = o;
document.getElementById("d").style.display = "";
return false;
}
function Yes() {
if (linkbutton) {
__doPostBack(linkbutton, '');
}
}
function No() {
linkbutton = null;
document.getElementById("d").style.display = "none";
}
</script>
</head>
<body>
<form id="form1" runat="server">
<asp:GridView ID="GridView1" runat="server" AutoGenerateColumns="false" OnRowDataBound="GridView1_RowDataBound"
DataKeyNames="UserId">
<Columns>
<asp:TemplateField HeaderText="UserId">
<ItemTemplate>
<%#Eval("UserId")%>
</ItemTemplate>
</asp:TemplateField>
<asp:TemplateField HeaderText="名称">
<ItemTemplate>
<%#Eval("Name") %>
</ItemTemplate>
</asp:TemplateField>
<asp:TemplateField HeaderText="操作">
<ItemTemplate>
<asp:LinkButton ID="x" runat="server" CommandArgument='<%#Eval("UserId") %>' Text="删除" OnClick="x_Click" ></asp:LinkButton>
</ItemTemplate>
</asp:TemplateField>
</Columns>
</asp:GridView>
</form>
<div id="d" style="background: red; display: none; width: 200px; height: 200px">
<h5>测试对话框，自己美化下吧</h5>
<input type="button" value="确认" onclick="Yes()" />
<input type="button" value="取消" onclick="No()" />
</div>
</body>
</html>
原文地址：http://dotnet.aspx.cc/article/007ebf00-1a3a-4d26-b211-51e977fb8eb6/print.aspx
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 
相关文章推荐
- 给 GridView 的 LinkButton 删除按钮添加弹出层的确认删除对话框
- 在Ajax中,UpdatePanel里面GridView点击删除按钮的时候,弹出删除确认对话框
- 为GRIDVIEW“删除”列和Button按钮添加确认对话框
- GridView中给删除按钮添加确认对话框
- 二级联动添加表格及删除按钮弹出对话框
- 为gridview“删除”列添加确认对话框（已经解决）
- 给DataGrid的删除按钮添加"删除确认"对话框
- 为gridview “删除”列添加确认对话框
- 使用VS2005中的GridView中的CommandField进行删除操作时，如何弹出确认对话框?
- （转载）asp.net中的GRIDVIEW在点击删除项的时候弹出确认对话框
- GridView添加删除确认对话框
- GridView那点事之【删除时弹出确认对话框】
- 在.net2.0中，实现对gridview删除行时弹出确认对话框的二种方法
- ASPxGridView删除、添加、修改成功后，弹出提示对话框的方法
- 为GRIDVIEW“删除”列添加确认对话框
- 为gridview“删除”列添加确认对话框
- 为gridview“删除”列添加确认对话框
- asp.net GridView 删除时弹出确认对话框(包括内容提示)
- 在删除数据库记录前弹出一个对话框,和确认按钮和取消按钮