2009-02-18 3 views
5

Estoy creando un elemento web Content Query personalizado para mostrar información de resumen de un tipo de contenido de empleado. Este tipo de contenido tiene una columna del sitio de publicación de imágenes llamada EmpPhoto. Mi CQWP está funcionando muy bien y todas las columnas del sitio que necesito están disponibles.Sharepoint ItemStyle.xsl para CQWP usando imágenes de un tipo de contenido

Ahora estoy creando una plantilla xsl personalizada para representar la información correctamente pero estoy atascado con la imagen EmpPhoto.

Si utilizo el código:

<xsl:value-of select="@EmpPhoto" disable-output-escaping="yes" /> 

... consigo una imagen correctamente rendido que es grande. Sin embargo, quiero construir un evento onmouseover para esta imagen y este enfoque no funcionará.

Pensé crear una variable xsl para tomar la URL real de la imagen y luego construir mi propia html img y escribir el onmouseover en ese e.g.

<xsl:variable name="EmpPhotoUrl"> 
    <xsl:call-template name="OuterTemplate.GetSafeStaticUrl"> 
     <xsl:with-param name="UrlColumnName" select="@EmpPhoto"/> 
    </xsl:call-template> 
</xsl:variable> 

...

<img src="{$EmpPhotoUrl}" onmouseover="" alt="test" /> 

Esto no Obtenga la dirección de la columna de sitio EmpPhoto sin embargo. ¡Soy nuevo en xsl así que podría estar perdiendo una solución obvia!

Cualquier ayuda muy apreciada,

Jonny

Respuesta

4

Esto es hacer trampa ... y está haciendo suposiciones sobre el atributo src. ¡Pero aquí está!

<xsl:variable name="EmpPhotoUrl" select="substring-before(substring-after(@EmpPhoto, 'src=&quot;'), '&quot;')" /> 
1

Teniendo en cuenta el valor @EmpPhoto es sólo una cadena que representa una etiqueta de imagen HTML, que podría "inyectar" el guión encima del ratón en el valor, por ejemplo,

<xsl:variable name="EmpPhoto"><xsl:value-of select=sub-string(@EmpPhoto) />[and some other code to add the mouseover etc]</xsl:variable> 

<xsl:value-of select="$EmpPhoto" /> 
+0

Hola Nat, No me queda claro de cómo el código que ya ha proporcionado inyectaría propiedades adicionales a la etiqueta de imagen HTML? ¿No sería posible extraer la propiedad src de la etiqueta de imagen html en @EmpPhoto y luego construir la mía con las propiedades adicionales que necesito? Muchas gracias por su ayuda !! – Jonny

+0

Creo que la respuesta de John Liu es un buen comienzo :) – Nat

Cuestiones relacionadas