zoukankan
html css js c++ java
DataGrid利用imagebutton实现删除操作
删除操作如图所示:
实现步骤:
1.在datagrid中创建模板列
2.在模板列中加入imagebutton并为其指定
ImageUrl
和
CommandName
,代码如下:
aspx代码
<
asp:TemplateColumn
>
<
ItemTemplate
>
<
asp:ImageButton id
=
"
ImageButton1
"
runat
=
"
server
"
ImageUrl
=
"
../Pic/delete.gif
"
CommandName
=
"
Del
"
></
asp:ImageButton
>
</
ItemTemplate
>
</
asp:TemplateColumn
>
3.在datagrid的
ItemCommand
事件中添加如下代码
单击删除图标时触发
private
void
DG_userinfo_ItemCommand(
object
source, System.Web.UI.WebControls.DataGridCommandEventArgs e)
{
if
(e.CommandName
==
"
Del
"
)
{
string
uid
=
e.Item.Cells[
0
].Text.ToString();
string
[] values
=
{uid}
;
OperateXmlByDataSet.DeleteXmlRows(ViewState[
"
filename
"
].ToString(),
"
userid
"
,values);
BindDG();
}
if
(e.CommandName
==
"
UpDt
"
)
{
string
userid
=
e.Item.Cells[
0
].Text.ToString();
ViewState[
"
uid
"
]
=
userid;
this
.Txt_id.Text
=
userid;
this
.Txt_name.Text
=
e.Item.Cells[
1
].Text.ToString();
this
.Txt_pass.Text
=
e.Item.Cells[
2
].Text.ToString();
this
.Txt_mail.Text
=
e.Item.Cells[
3
].Text.ToString();
this
.Txt_site.Text
=
e.Item.Cells[
4
].Text.ToString();
this
.Txt_msn.Text
=
e.Item.Cells[
5
].Text.ToString();
this
.Panel1.Visible
=
true
;
}
}
4.在datagrid的
ItemCreated
事件中添加如下代码
.cs代码
private
void
DG_userinfo_ItemCreated(
object
sender, System.Web.UI.WebControls.DataGridItemEventArgs e)
{
System.Web.UI.WebControls.ImageButton ib;
foreach
(DataGridItem item
in
this
.DG_userinfo.Items)
{
ib
=
(ImageButton)item.FindControl(
"
ImageButton1
"
);
ib.Attributes.Add(
"
onclick
"
,
"
return confirm('您确定要删除?');
"
);
}
}
作者:
青羽
查看全文
相关阅读:
JavaScript——实现compose函数
Typora——如何画流程图 | mermaid-js
Electron——复制文件操作
JavaScript——实现一些常用函数
vue elementUI表单主动trigger某个rules校验
[java]多线程——多线程debug调试(非常非常详细的调试)
CompletableFuture supplyAsync() and thenApply() 用法区别
CAS和MySql乐观锁实现下单
TiDB集群手动安装
Vue中 let _this = this的作用
原文地址:https://www.cnblogs.com/tenghoo/p/525863.html
最新文章
解决 html2canvas safari 文本对不齐问题
SQL server 查看脚本
解决Linux平台Selenium截图中文乱码问题
基于CASA和多光谱遥感数据的黑河流域NPP研究
SQLite Studio使用教程
RabbitMQ是什么?
Axios获取本地的config.json,通过配置文件方式修改axios请求地址
mongodb修改字段类型
Node.js中环境变量process.env怎么获取?pm2的安装和使用
nodejs调用外部exe执行程序
热门文章
Mongodb导入导出数据库
Electron和nodejs的关系
Mongodb时间格式转换
context_api 整改
使用epoll实现异步的tcp请求客户端
libcurl异步访问示例
Make automake 1.14 shut-up about subdir-objects
ceph报错"mon.node3 low disk space"
Jewel版cephfs当rm -rf文件时报错"No space left on device"
Electron——常见动态链错误
Copyright © 2011-2022 走看看