GridView选择记录同时confirm用户确认删除
程序员文章站
2024-03-31 18:11:16
用户户操作删除记录之前给用户一个确认是否删除的提示。一般情况之下,一条记录一条记录删除是没有问题的。但是,如遇到可以多选,如果用户没有选择记录,直接去点删除铵钮,它会首先提...
用户户操作删除记录之前给用户一个确认是否删除的提示。一般情况之下,一条记录一条记录删除是没有问题的。但是,如遇到可以多选,如果用户没有选择记录,直接去点删除铵钮,它会首先提示删除前的确认信息,再提示用户没有选择想要删除的记录。
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;
}
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;
}