Asp.net gridview中的不同图像
我有一个关于ASP.NET中GridView的问题 我有一个gridview,我从SQL数据库中提取信息,它显示用户名和当前状态Asp.net gridview中的不同图像,asp.net,sql,gridview,image,Asp.net,Sql,Gridview,Image,我有一个关于ASP.NET中GridView的问题 我有一个gridview,我从SQL数据库中提取信息,它显示用户名和当前状态 用户名|状态 用户1 |注销 用户2 |已登录 用户3 |休假 因此,这是所有方便的花花公子,但我想做的是,显示状态文本,我想显示一个不同颜色的“子弹型”图像。红色、绿色、橙色、蓝色-表示不同的状态 我是否需要以某种方式将这些图像输入数据库,或者我可以使用某种IF语句来表示,如果状态为“1-Logged in”,则显示“green.png” 提前感谢尝试设置相应的
- 用户名|状态
- 用户1 |注销
- 用户2 |已登录
- 用户3 |休假
提前感谢尝试设置相应的CSS类,然后将CSS设置为使用合适的背景图像。我认为您不能使用BoundField,但必须使用这样的TemplateField:
<asp:TemplateField>
<ItemTemplate>
<div class="StateBar State<%#eval("State") %>"> </div>
</ItemTemplate>
</asp:TemplateField>
.StateBar{
display:block;
width:10px;
height:10px;
}
.StateLoggedOut{
background-image:url(/images/...);
}
提示:尝试使状态字段不带“”尝试设置相应的CSS类,然后将CSS设置为使用合适的背景图像。我认为您不能使用BoundField,但必须使用这样的TemplateField:
<asp:TemplateField>
<ItemTemplate>
<div class="StateBar State<%#eval("State") %>"> </div>
</ItemTemplate>
</asp:TemplateField>
.StateBar{
display:block;
width:10px;
height:10px;
}
.StateLoggedOut{
background-image:url(/images/...);
}
提示:尝试使状态字段不带“”您有两种方法来实现此目的: 1-修改查询,使图像url直接出现在列中 2-在网格构造上进行图像选择 无论哪种方式,您都必须创建一个包含图像的模板列
您需要帮助吗?您有两种方法来实现这一点: 1-修改查询,使图像url直接出现在列中 2-在网格构造上进行图像选择 无论哪种方式,您都必须创建一个包含图像的模板列
你需要帮助吗?+1我们也做类似的事情-你不需要记住CSS-你可以有类似的东西:.png“alt=”“/>但css将使其更易于维护。我建议使用一个包含文本的span,并使用css隐藏它以使其更易于访问。寻找可访问的图像替换以了解这是如何做到的。+1我们做了类似的事情-在css中不一定要记住-您可以有如下内容:.png“alt=”“/>但css将使其更易于维护。我建议使用一个包含文本的span,并使用css隐藏它以使其更易于访问。寻找可访问的图像替换,看看如何做到这一点。