Datagrid 中的图片使用

最新推荐文章于 2022-06-15 17:28:42 发布

原创最新推荐文章于 2022-06-15 17:28:42 发布 · 1k 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#datagrid #javascript #image #asp #server

博客展示了ASP中模板列的相关代码。包含使用HLControls:Image根据数据项显示图片，以及在img标签中通过JavaScript实现点击弹出产品备注信息，还在页脚模板中使用IMG标签并绑定JavaScript函数。

<asp:TemplateColumn SortExpression="Blocked">
<ItemTemplate>
<HLControls:Image id="imgBlocked" ImageUrl= '<%#"../images/"+DataBinder.Eval(Container.DataItem,"Blocked")+".bmp"%>' runat="server" >
</HLControls:Image>
</ItemTemplate>

<asp:TemplateColumn>
<ItemTemplate>
<img src="<%=Request.ApplicationPath%>/images/warning.gif" onclick='javascript:var productnotes="<%#DataBinder.Eval(Container.DataItem,"ProductNote")%>"; alert(productnotes);'
style='cursor:hand;display:<%#DataBinder.Eval(Container.DataItem,"ProductNote")==""?"none":""%>'/>
</ItemTemplate>
<FooterTemplate>
<IMG style="CURSOR: hand" onclick=javascript:ShowReference(); src="<%=Request.ApplicationPath%>/images/reference.gif">
</FooterTemplate>
</asp:TemplateColumn>