Hiển thị hình ảnh dựa trên giá trị trong cột asp GridView

Question

Tôi có chế độ xem lưới và một trong các trường mẫu là thẻ máy chủ hình ảnh asp. Tôi muốn hiển thị một hình ảnh trong GridView này nhưng dựa trên giá trị mà tôi có được trên databind.

Vì vậy, mỗi hàng có thể có một giá trị khác nhau và dựa trên các giá trị này tôi cần hiển thị các hình ảnh khác nhau. Tôi đã cố gắng gọi hàm GetImage() của javascript và chuyển giá trị mà tôi nhận được trên databind tới hàm này. Nhưng, tôi không thể làm việc này được.

<Columns> 
     <asp:TemplateField HeaderText="<%$Resources:LocalizedText,LabelStatus%>"> 
      <ItemTemplate> 
       <asp:Image ID="imgStatus" runat="server" CssClass="label" src="GetImage(<%#Eval(<%# Bind("Status_value") %>) %>)"/> 
      </ItemTemplate> 
     </asp:TemplateField> 
    </Columns> 

chức năng Javascript -

function GetImage(value) 
{ 
    if (value == 1) 
    { 
     return "../Images/act_green.gif"; 
    } 
    else 
    { 
     return "../Images/act_red.gif"; 
    } 
} 

Tôi đang làm gì sai ở đây? Và, làm thế nào tôi có thể sửa nó? Cảm ơn

Answer 1

Trừ khi bạn có nhiều nhu cầu hơn mà bạn chưa đề cập, không cần sử dụng Javascript và bạn cũng có thể thực hiện mọi thứ trên máy chủ.

Thay đổi asp của bạn: thẻ hình ảnh như sau:

<asp:Image ID="imgStatus" runat="server" CssClass="label" ImageURL='<%# GetImage((int)Eval("Status_Value")) %>' /> 

Trong bạn code-behind, đặt như sau:

public static string GetImage(int value) 
{ 
    if (value == 1) 
    { 
     return "../Images/act_green.gif"; 
    } 
    else 
    { 
     return "../Images/act_red.jpg"; 
    } 
} 

Và bạn đã hoàn tất.

Answer 2

Chức năng của bạn Chức năng GetImage không được thực thi.

Xem: IMG SRC tags and JavaScript

---

server side code có thể trở lại đường dẫn đến hình ảnh mà không cần sử dụng JS.