Sharepoint ItemStyle.xsl для CQWP с использованием изображений из типа контента

Я создаю настраиваемую веб-часть запроса контента для отображения сводной информации из типа контента сотрудника. У этого типа контента есть столбец сайта публикации изображений под названием EmpPhoto. Мой CQWP отлично работает, и все нужные мне столбцы сайта доступны.

Сейчас я создаю собственный шаблон xsl для правильного отображения информации, но застрял с использованием изображения EmpPhoto.

Если я использую код:

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

... Я получаю правильно визуализированное изображение, и это здорово. Однако я хочу создать событие onmouseover для этого изображения, и этот подход не сработает.

Я подумал создать переменную xsl, чтобы получить фактический URL-адрес изображения, затем создать свой собственный html img и записать в него onmouseover, например.

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

Однако это не получает URL-адрес из столбца сайта EmpPhoto. Я новичок в xsl, поэтому мне может не хватать очевидного решения!

Любая помощь очень ценится,

Джонни


sharepoint xslt cqwp
person Jonny    schedule 18.02.2009    source источник

Ответы (2)


arrow_upward
4
arrow_downward

Это обман ... и он делает предположения об атрибуте src. Но вот оно!

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

arrow_upward
1
arrow_downward

Учитывая, что значение @EmpPhoto - это просто строка, представляющая тег изображения html, вы можете «вставить» скрипт наведения указателя мыши в значение, например

<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" />
person Nat    schedule 18.02.2009
comment
Привет, Нат, я не понимаю, как предоставленный вами код будет вводить дополнительные свойства в тег изображения html? Нельзя ли извлечь свойство src из тега изображения html в @EmpPhoto, а затем создать свое собственное с дополнительными свойствами, которые мне требуются? Большое спасибо за вашу помощь!! - person Jonny; 19.02.2009