将button等加入到datagrid/datalist,并邦定javascript事件。

本文介绍了如何在ASP.NET中将ImageButton控件与DataList结合使用,并通过设置CommandArgument属性来传递数据项的唯一标识。此外,还展示了如何在DataList的数据绑定过程中加入JavaScript事件,以实现图片删除确认对话框的功能。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >


将ImageButton加到datalist中,并设置CommandArgument.

None.gif<asp:datalist id="listImg" runat="server" RepeatDirection="Horizontal" RepeatColumns="12">
None.gif                            
<ItemTemplate>
None.gif                
<asp:ImageButton ImageUrl="" Runat="server" CommandName="delete" CommandArgument='<%# DataBinder.Eval(Container.DataItem, "guid")%>' ID="pDel">
None.gif                                
</asp:ImageButton>
None.gif                                
</ItemTemplate>
None.gif                        
</asp:datalist>



在datalist数据邦定的过程中,置入javascript事件。

None.gifprivate void listImg_ItemDataBound(object sender, System.Web.UI.WebControls.DataListItemEventArgs e)
ExpandedBlockStart.gifContractedBlock.gif        
dot.gif{
InBlock.gif            
if ((e.Item.ItemType != ListItemType.Header) && (e.Item.ItemType != ListItemType.Footer))
ExpandedSubBlockStart.gifContractedSubBlock.gif            
dot.gif{
InBlock.gif                ImageButton ib 
= new ImageButton();
InBlock.gif                ib 
= (ImageButton)e.Item.FindControl("pDel");
InBlock.gif
InBlock.gif                ib.Attributes.Add(
"onclick","javascript:return photoDel();");
ExpandedSubBlockEnd.gif            }

ExpandedBlockEnd.gif        }

photoDel函数:

None.giffunction photoDel()
ExpandedBlockStart.gifContractedBlock.gif
dot.gif{
InBlock.gif    flag 
= false;
InBlock.gif    
if(confirm("您确实要删除该照片吗?"))
ExpandedSubBlockStart.gifContractedSubBlock.gif    
dot.gif{
InBlock.gif        flag 
= true;
ExpandedSubBlockEnd.gif    }

InBlock.gif    
return flag;
ExpandedBlockEnd.gif}

转载于:https://www.cnblogs.com/silva/archive/2006/03/02/341244.html

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值