Bild basiert auf einen Wert in asp GridView-Spalte

Ich habe ein gridview und eine der Vorlage-Felder ist eine asp-image-server-tag. Ich möchte ein Bild anzeigen in diesem gridview-aber basierend auf dem Wert, den ich erhalten auf databind.

So, in jeder Zeile können unterschiedliche Werte und basierend auf diesen Werten, die ich brauche, um die Anzeige verschiedener Bilder. Ich versuchte zu rufen eine javascript-Funktion, die Funktion " getImage() und übergeben Sie den Wert, den ich erhalten auf databind zu dieser Funktion. Aber ich kann nicht ankommen dieses zu wirken.

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

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

Was mache ich hier falsch? Und, wie kann ich es beheben? Dank

Kann man den gerenderten HTML-Ausgabe?

InformationsquelleAutor pavanred | 2011-02-01

  1. 7

    Es sei denn, Sie haben mehr Bedürfnisse, die Sie nicht erwähnt haben, gibt es keine Notwendigkeit, Javascript zu verwenden, und Sie könnte genauso gut tun, alles auf dem server.

    Ändern Sie Ihre asp:image-tag das folgende:

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

    Im code-behind, legen Sie die folgenden:

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

    Ist und du bist fertig.

    Ich war nicht in der Lage zu verwenden, Binden oder Eval, um die src-Eigenschaft des Image-server-tag. Und, basierend auf Ihre Antwort, die ich verwendet ImageURL-Eigenschaft statt und bearbeitet die Daten entsprechend in meinem datasource (code-behind). Danke.
    Tolle Arbeit. Froh bekamen Sie es das arbeiten.

    InformationsquelleAutor NakedBrunch

  2. 1

    Ihre Funktion " getImage Funktion nicht ausgeführt.

    Finden Sie unter:
    IMG-SRC-tags und JavaScript

    Server-side-code zurückgeben kann, den Pfad zu dem Bild ohne Verwendung von JS.

    Hmm, macht Sinn. Aber, eine Idee, wie ich dieses problem lösen? Jede Hilfe ist willkommen.
    Sie können es tun, ohne über javascript.

    InformationsquelleAutor msms

Schreibe einen Kommentar