jQuery UI 툴팁에 필드 내용 표시

Question

SPD 2010에서는 빈 데이터보기를 삽입 한 ASPX 페이지를 만들었습니다. 그런 다음 목록을 선택한 다음 페이지에 표시된 필드를 선택했습니다. 목록 항목에 저장된 관련 정보를 표시하는 "툴팁"팝업을 통합하고 싶습니다. 나는 유망한 jQuery UI 툴팁을 발견했습니다. 나는 또한 기본적으로 똑같은 것을 수행하는 jQuery에 대한 플러그인의 플러토라를 발견했지만 다른 것처럼 보입니다. 내 문제는 (또는 이런 방식으로 작동하는 경우) 에 대한 을 모르므로 ASPX 페이지를 통해 툴팁을 표시합니다. 어떻게해야합니까? 나는 그들이 설치되어 JS 페이지를 만드는 것을 믿고 CEWP를 통해 첨부하여 페이지에 설립 한 목록의 뷰에 영향을 미치는 것을 믿습니다.

이 작업을 쉽게 할 수 있습니까? 그렇다면 코드를 보여주십시오 (그리고 Dullard처럼 나를 대하십시오). 내가 생각한 설정은 목록에서 @listfield를 끌어 당기고 팝업으로 표시 할 수있는 oo 함수를 만들었습니다. onMouseover 및 onmouseout 코드가있는 CSS 코드가있는 CSS 코드가있을 것입니다. 정보.

옆으로, 나는 jQuery tooltip 솔루션과 결혼하지 않았습니다. 누군가 가이 일을하는 방법이나 더 쉬운 방법이 있다면, 나는 그것 위에 있습니다.

편집 : 같은 목록에서 끌어 오는 팝업에서 dynamic 콘텐츠를 찾고있는 것처럼 내 질문에 추가하거나 다시 말하고 싶습니다. 디스플레이 정보로서. 나는 너무 많은 문제없이 일할 툴팁을 일할 수 있습니다. 그것은 내가 페이지에 하드 코드를 하드 코딩하는 일반 입력을 제공합니다. 내가 필요한 것은 코드의 통합입니다. QTIP를 작동하려면 다음을 사용하고 있습니다.

<script type="text/javascript">
    $(document).ready(function() { 
        $("[title]").each(function()
        {
            $(this).qtip();
        });
    });
</script>

.

및 팝업으로 표시하려면 :

<xsl:choose>
     <xsl:when test="@field='1','True','','i')=0">Yes</xsl:when>
     <xsl:otherwise><span title="Hey, this is a try.">No</span></xsl:otherwise>
</xsl:choose>

.

마음에 "테스트"부분의 코드는 내 페이지에서 훨씬 더 정교해질 수 있으므로 구문 오류에 대해 걱정하지 마십시오. 나는 단지 뭔가를 함께 던졌습니다. 따라서 추가 질문은 팝업에 동적 데이터를 포함하도록 위의 코드에서 디스플레이의 "제목"부분을 어떻게 교환합니까? 목록에서 두 번째 필드가 @secondfield를 가정합니까? .

Answer 1

이것은 넓은 질문이며 여러 가지 방법이 있습니다.

첫째, "관련 정보"를 얻을 위치를 결정해야합니다.부부 필드 일뿐 만 아니라면 데이터보기 내에로드하는 것이 좋습니다.더 큰 청크 인 경우 (예 : 이미지 포함) 사용자가 항목을 선택할 때 AJAX 호출을 사용하여 요구할 수 있습니다.

[편집] 샘플 코드를 기반으로 첫 번째 옵션을 선택합니다. 제목 속성에서 툴팁 데이터를로드합니다.약간의 변화가 있으면 타이틀 속성을 동적으로 만들 수 있어야합니다.

<span title="{@popupField}">