카테고리 아카이브: XSLT

XSLT와 jQuery 예제

XSLT와 Jquery와 다른 미래에 유용 하 게 찾을 수 있습니다 몇 가지 단편을 공유 하는 것 이라고 생각 많이 하고있다.

예제 1: 간단한 자바 스크립트를 방출 / XSLT에 jQuery:

<xsl:템플릿 일치 "뭔가 =" xml:공간 = "preserve">

  <!– 빈 쿼리 친화적인 필터 숨겨진 필드 –>
  <스크립트 유형 = "텍스트/자바 스크립트">
    $(문서).준비(함수(){
      $("#QueryFriendlyFilters").발("빈");
    });
  </스크립트>

</xsl:서식 파일>

그 비트 페이지 로딩 완료를 기다리는 몇 가지 Javascript를 방출 (때문에 $(문서).준비(…)) 다음 설정 숨겨진된 필드의 값 이름 QueryFriendlyFilters "empty" 리터럴 값을.

예제 2: 사용 <xsl:만약> "보다 큼" 확인 하려면,  "보다 작음", 등.

<xsl:템플릿 일치 "뭔가 =" xml:공간 = "preserve">

  <div id = "fdcAllFilters">
 
    <xsl:만약 test="@Count>0">
      <클래스를 스팬 = "fdcFilterLabel">현재 필터:</범위>
    </xsl:만약>

    <!– 더 많은 물건을 여기 발생. –>

</xsl:서식 파일>

위의 코드는 "뭔가" 요소 "개수" 라는 특성이 0 보다 큰 경우 확인 합니다.  이 뒤에 XML 처럼 뭔가 있을 것 이라고:”

<뭔가 Count = "5" />

예제 3: 모든 요소를 반복, jQuery 호출 interspersing.

<!– 모든 필터를 통해 반복 하 고 올바른 표시  링크. –>
<xsl:에 대 한 각 선택 = "UserFilter">

  <클래스 = "FilterHref" href = "자바 스크립트:mySubmitPage(' RemoveUserFilter','{@ ID}’)">[X]</는>

  <클래스를 스팬 = "fdcFilterLabel"><xsl:값의 select="@FilterValue"/></범위>

  <스크립트 유형 = "텍스트/자바 스크립트">

    $(문서).준비(함수(){
        <xsl:텍스트><![CDATA[$("#QueryFriendlyFilters").발( ($("#QueryFriendlyFilters").발() + " ]]></xsl:텍스트>\"<xsl:값의 select="@FilterValue"/>\"<xsl:텍스트><![CDATA["));]]></xsl:텍스트>
    });

  </스크립트>

</xsl:각각에 대 한>

위의 코드는 가장 복잡 하 고 그것을 더 쉬운 방법이 있을 수 있습니다..

이 뒤에 XML 같은 약이:

<UserFilter ID = "123" FilterValue "xyzzy" = />

이 코드 조각은 반복 <UserFilter> 노드입니다. 

먼저 앵커를 방출 하는 태그를 클릭 하면 페이지에 이미 있는 JavaScript 함수를 호출, "mySubmitPage" 있는 특성의 값을 전달 합니다 <UserFilter> 노드 "ID" 라는입니다. 

다음 페이지가 로드 될 때까지 대기 하는 일부 Jquery를 내보냅니다.  그 jQuery FilterValue 속성의 값을 추가 하 여 "QueryFriendlyFilters" 라는 숨겨진된 필드를 업데이트 합니다.  참고 모든 미친 <xsl:텍스트> 그리고 <![CDATA[ … ]]> 물건.

그건, 희망은 도움이 됩니다!

</끝>

내 블로그를 구독.

에 지 저 귐에 나를 따르라합니다 http://www.twitter.com/pagalvin

끝없이 중첩 <div> 태그와 jQuery

이것은 같은 괴짜 주제 처럼 보인다, 그것은 정말 블로깅에 대 한 가치가 있는지 아니에요, 하지만 저 전에 중단 적이 있다, 그래서 여기에 우리가 간다 미소

검색에서 몇 가지 데이터를 당기 거 나 프로젝트에 밖으로 일하고 있어요, XML 메시지 그리고 그 XML 포장 궁극적으로 XSLT 통해 HTML로 변환 됩니다.  포함 된 jQuery 많이 있다, 1 비트의 일부 탭 이동 기능을 구현합니다.  탭을 클릭할 때 (정말, 는 <div>), jQuery 호출 숨기기() 그리고.show() 다양 한 div에 (그래서 아무 포스트백이 경우에 모든 콘텐츠를 다운로드 하는 초기 페이지 로드).

전 무리, 탭 전환 논리 이상 하 게 동작 하기 시작 하 고 그것은 내 탭 중 하나를 표시 하지 않을.  내가 궁극적으로 추적 그것 사실 아래는 인터넷 익스플로러 (적어도) 생각 하는 <div> 지금까지 중첩 된 태그, 의도 보다 훨씬 더 깊은.개발자 도구 모음 표시:

-<div id = "Tab1Content">
  -<div>
    -<div>
      -<div id = "Tab2Content">
        -<div>
           …………………………
                   </div>  <-마지막으로 보여주는 폐쇄 되었습니다 모든 방법 여기!

그래서, 만약 내가 한 $("#Tab1Content").숨기기(), 나 또한 Tab2 숨길 것이 고 내가 결코 보여 Tab2 나 또한 Tab1 표시 하지 않았다.  복사 하 고 붙여넣은 코드 visual studio와 모든 div의 일렬로 늘어선 멋지게 보여 그것은, 마찬가지로 그들은 일을 했는데, 이 처럼 보이는:

-<div id = "Tab1Content">
  +<div>
  +<div>
-<div id = "Tab2Content">
  +<div>
  +<div>

잠시 동안 벽에 내 머리를 이길 하 고 실제 html에서 코드 빈을 많이 생성 됐다 것으로 나타났습니다. <div> 태그, 같은:

<바디>

  <div id = "Tab1Content">

    <div id = "row1" />
    <div id = "row2" />

  </div>

  <div id = "Tab2Content">

    <div id = "row1" />
    <div id = "row2" />

  </div>

</바디>

(너무 간략하게 waaaaaaaaaaaay 위 이다입니다.  빈 div 태그는 완전히 유효. 일부 내 <div> 태그 된 콘텐츠 전체, 하지만 더 많은 했다.  실현에와 서는 내 <xsl:각각에 대 한> 지시문 짧은 형태로 방출 했다 div 태그 때 xsl:에 대 한 각 하지 않았다 ' 어떤 데이터를 찾을 합니다.  출력에는 HTML 주석을 강제, 같이:

image

 

후 내가 그 랬 어, 모든 div 멋지게 늘어서 고 일 하기 시작 했다 내 탭 전환.

언제나 처럼, 이 핀치에 누군가가 도움이 희망.

</끝>

내 블로그를 구독.

에 지 저 귐에 나를 따르라합니다 http://www.twitter.com/pagalvin

예제: XSLT HTML Href 만들기

나 요즘 XSL 물건의 조금을 하 고 왔다 고 생각 난 내 미래의 참고 자료에 대 한 샘플 함께 넣어 것입니다 그리고 XSLT-ers가 인터넷에서 생계를 우리 모두에 게 가치 있을 수 있습니다..

다음 XML을 고려 하십시오:

<FdcSearchTabsCollection Count = "2">
  <SearchTab 레이블 "업계 =" SortOrder = "00" Label "산업" SearchConstraints = "contenttype =:산업" TabID = "831b2a74-98c4-4453-8061-86e2fdb22c63" />
  <SearchTab 레이블 = "사례" SortOrder = "01" Label "관행" SearchConstraints = "contenttype =:PracticeGroups" TabID = "678e206b-6996-421f-9765-b0558fe1a9c0" />
</FdcSearchTabsCollection>

다음 XSL 코드는 href 탭의 정렬 된 목록을 생성 합니다.:

<xsl:템플릿 일치 "FdcSearchTabsCollection =" xml:공간 = "preserve">
   
    <!– "모든" 탭 –>
    <a href = "자바 스크립트:형상('모든')">전체 보기</는>
   
    <!– 각 개별 탭 –>
    <!– 모든 탭을 반복 하 고 올바른 표시  링크. –>
    <xsl:각각에 대 한 선택 = "SearchTab">
      <xsl:select="@SortOrder"/ 정렬>

      …
      <a href = "자바 스크립트:형상(‘{@TabID}’)"><xsl:select="@Label"/ 값의></는>
    </xsl:각각에 대 한>

    <br /> 
   

   </xsl:서식 파일>

여기 SharePoint에 어떻게 생겼는지입니다.:

SNAGHTML78aa2cb

 

 

</끝>

내 블로그를 구독.

에 지 저 귐에 나를 따르라합니다 http://www.twitter.com/pagalvin