服务器之家:专注于服务器技术及软件下载分享
分类导航

PHP教程|ASP.NET教程|Java教程|ASP教程|编程技术|正则表达式|C/C++|IOS|C#|Swift|Android|VB|R语言|JavaScript|易语言|vb.net|

服务器之家 - 编程语言 - ASP.NET教程 - GridView选择记录同时confirm用户确认删除

GridView选择记录同时confirm用户确认删除

2019-10-21 10:45asp.net教程网 ASP.NET教程

confirm用户确认删除是一个很实用的功能,比如可以防止用户误操作删除等等,感兴趣的朋友可以了解下,希望本文对你有所帮助,就当巩固知识了

用户户操作删除记录之前给用户一个确认是否删除的提示。一般情况之下,一条记录一条记录删除是没有问题的。但是,如遇到可以多选,如果用户没有选择记录,直接去点删除铵钮,它会首先提示删除前的确认信息,再提示用户没有选择想要删除的记录。 

Insus.NET想实现的是,把它的顺序调换一下,首先判断用户是否有选择记录,如果没有,提示用户选择记录,一旦有选择记录时,才提示删除前确认信息。 

下面实例,将是GridView第一例放置一个CheckBox,让用户多选记录,然后在Gridview外放一个Delete铵钮。 

xxx.aspx: 

复制代码代码如下:


<asp:Button ID="ButtonDelete" Text="Delete" runat="Server" OnClick="ButtonDelete_Click" 
CausesValidation="false" /> 
<asp:GridView ID="GvCutterType" runat="server" DataKeyNames="CutterTypeId" AutoGenerateColumns="false"> 
<Columns> 
<asp:TemplateField> 
<ItemStyle BorderWidth="1" BorderColor="#c0c0c0" Width="1%" /> 
<ItemTemplate> 
<asp:CheckBox ID="CheckBox1" runat="server" onclick="Javascript:changeRowBgColor(this)" /> 
</ItemTemplate> 
</asp:TemplateField> 
<!-- 
other column templateField 
--> 
</Columns> 
</asp:GridView> 


xxx.aspx.cs: 

复制代码代码如下:


protected void Page_Load(object sender, EventArgs e) 

this.ButtonDelete.Attributes.Add("onclick", "return ConfirmOnDelete();"); 

protected void ButtonDelete_Click(object sender, EventArgs e) 

//do delete something 


Javascript: 

复制代码代码如下:


function ConfirmOnDelete() { 
if (document.getElementById("<%= GvCutterType.ClientID %>") == null) { 
return false; 

var objgv = document.getElementById("<%= GvCutterType.ClientID %>"); 
var rc = objgv.rows.length; 
var y = 0; 
for (var i = 0; i < rc; i++) { 
var getInput = objgv.rows[i].cells[0].getElementsByTagName("input"); 
if (getInput[0].type == "checkbox") { 
if (getInput[0].checked) { 
y = y + 1; 



if (y <= 0) { 
alert("首先选择想要删除的记录。"); 
return false; 

if (confirm("以下选择的记录将被删除。") == true) 
return true; 
else 
return false; 

延伸 · 阅读

精彩推荐