Warning: file_get_contents(/data/phpspider/zhask/data//catemap/1/asp.net/33.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Asp.net gridview中的不同图像_Asp.net_Sql_Gridview_Image - Fatal编程技术网

Asp.net gridview中的不同图像

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” 提前感谢尝试设置相应的

我有一个关于ASP.NET中GridView的问题

我有一个gridview,我从SQL数据库中提取信息,它显示用户名和当前状态

  • 用户名|状态
  • 用户1 |注销
  • 用户2 |已登录
  • 用户3 |休假
因此,这是所有方便的花花公子,但我想做的是,显示状态文本,我想显示一个不同颜色的“子弹型”图像。红色、绿色、橙色、蓝色-表示不同的状态

我是否需要以某种方式将这些图像输入数据库,或者我可以使用某种IF语句来表示,如果状态为“1-Logged in”,则显示“green.png”


提前感谢

尝试设置相应的CSS类,然后将CSS设置为使用合适的背景图像。我认为您不能使用BoundField,但必须使用这样的TemplateField:

<asp:TemplateField>
    <ItemTemplate>
        <div class="StateBar State<%#eval("State") %>">&nbsp;</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") %>">&nbsp;</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隐藏它以使其更易于访问。寻找可访问的图像替换,看看如何做到这一点。