C# 将ImageButton ImageUrl重置为默认URL
我在中继器上安装了一个图像按钮 我的ASP.NET代码是:C# 将ImageButton ImageUrl重置为默认URL,c#,repeater,imagebutton,imageurl,C#,Repeater,Imagebutton,Imageurl,我在中继器上安装了一个图像按钮 我的ASP.NET代码是: <asp:Repeater ID="rpt" runat="server"> <ItemTemplate> <asp:ImageButton ID="img_sport" runat="server" CommandName='<%# Eval("IDSport") %>' CommandArgument='<%# Eval("SportName") %>' Image
<asp:Repeater ID="rpt" runat="server">
<ItemTemplate>
<asp:ImageButton ID="img_sport" runat="server" CommandName='<%# Eval("IDSport") %>' CommandArgument='<%# Eval("SportName") %>' ImageUrl='<%# Eval("SportName","~/Images/{0}-trp.png") %>' OnCommand="img_sport_Click" />
</ItemTemplate>
</asp:Repeater>
但是,如果我单击其他图像,我将有两个/三个/四个图像显示为选中,因此首先,在我的代码隐藏中,我希望将ImageUrl重置为默认值,然后我将仅将新ImageUrl应用于选中/单击的ImageButton
那么,如何重置所有ImageUrl呢?看到您的代码后,我猜您希望在单击图像时更改图像,以便用户可以确定是否选择了图像。如果您想实现这一点,为什么不试试
JavaScript
,它可以处理相同的事情而无需回发
请参见下面带有JavaScript函数的代码示例以了解相同内容:
<asp:Repeater ID="rpt" runat="server">
<ItemTemplate>
<asp:ImageButton ID="img_sport" runat="server" ImageUrl='<%# Eval("SportName","~/Images/{0}-trp.png") %>' OnClientClick='<%# "return ManageSelection(this,\"" + Eval("SportName").ToString() + "\");"%>' />
</ItemTemplate>
</asp:Repeater>
<script type="text/javascript">
function ManageSelection(control, sportName) {
var selectedImage = '/Images/' + sportName + "-trp-selected.png";
$(control).attr('src', selectedImage);
return false;
}
</script>
功能管理器选择(控件、sportName){
var selectedImage='/Images/'+sportName+“-trp selected.png”;
$(control.attr('src',selectedImage);
返回false;
}
<asp:Repeater ID="rpt" runat="server">
<ItemTemplate>
<asp:ImageButton ID="img_sport" runat="server" ImageUrl='<%# Eval("SportName","~/Images/{0}-trp.png") %>' OnClientClick='<%# "return ManageSelection(this,\"" + Eval("SportName").ToString() + "\");"%>' />
</ItemTemplate>
</asp:Repeater>
<script type="text/javascript">
function ManageSelection(control, sportName) {
var selectedImage = '/Images/' + sportName + "-trp-selected.png";
$(control).attr('src', selectedImage);
return false;
}
</script>