asp GridViewカラムの値に基づいて画像を表示する

Question

私はgridviewを持っていて、テンプレートフィールドの1つがasp image serverタグです。私はこのグリッドビューにイメージを表示したいが、データバインドで取得した値に基づいている。

したがって、すべての行が異なる値を持つことができ、これらの値に基づいて、私は別のイメージを表示する必要があります。私は、JavaScript関数GetImage（）を呼び出して、この関数にdatabindで取得した値を渡そうとしました。しかし、私はこれを動作させることはできません。

<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> 

のJavascript機能 -

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

私はここで間違って何をしているのですか？そして、どうすれば修正できますか？ありがとう

Answer 1

あなたが言及していない多くのニーズを持っていない限り、Javascriptを使用する必要はなく、サーバ上のすべてを行うこともできます。以下に画像タグ：

は、あなたのASPを変更

あなたのコードビハインドで

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

を、次のように配置します。

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

そして、あなたは完了です。

Answer 2

GetImage機能は実行されません。

参照： IMG SRC tags and JavaScript

---

サーバー側のコードは、JSを使用せずに、画像へのパスを返すことができます。