카테고리 아카이브: jQuery 및 SharePoint

SharePoint 빠른 실행에서 상대 Url 성가신 문제를 극복

빠른 실행 탐색 다른 하루에 링크를 추가 하 고 싶었다 고 SharePoint:

그의 순수 텍스트 버전은:

URL은 유효 하 고 유효한 문자 중 하 나와 함께 시작 (숫자 기호 (#) 또는 슬래시 (/)) 또는 유효한 지원 되는 프로토콜 (예를 들어, ' http://’, ' https://’, ' 파일://’, ' ftp://’, ' mailto:’, ' 뉴스:’).

"Blech 그리고 수 두!"나는 말했다.

이 해결 방법은 JavaScript를 사용 하 여 빠른 실행에 알려진된 링크를 찾아서 해당 동작을 재정의 하는 것입니다..

이것을 테스트 하려면, thusly 테스트 사이트에 새 링크를 추가:

내가 jQuery를 사용. 그것을 해결 하기 위해, 일부 자바 스크립트와 당신의 마음에 드는 기술을 사용 하 여 페이지에 jQuery 같은 코드 줄:

$(문서).준비( 함수 () {

    $("는:포함(' 테스트할 URL 교체 ')").클릭 하십시오.(함수 () { 경고("변경된 클릭 동작!"); 반환 false;});

});

그리고 밥의 삼촌.

JQuery 선택기 발견 모든 <는> 이름에 "테스트 URL 대체" 태그. 당신은 찾기-조정 하는 링크와 같은 따라 할 수 있습니다..

.click(함수() 뭐 든 SharePoint 했을 것 이다 때 사용자가 클릭 한 재정의. 당신이 "false를 반환" 그렇지 않으면 그것은 것입니다 당신의 물건을 하려고 href 것 너무 다는 것을 확인합니다, 거의 확실 하지 귀하의 목표.

이것은 행 해졌다 고 SharePoint 온라인 환경에서 테스트 해야 하지만 잘에서 작동 2010 이전 버전도.

</끝>

내 블로그를 구독.

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

신속 하 고 간단: "잘못 된 URL 매개 변수를 해결” lists.asmx에 UpdateListItems와 함께 문제

1 회신

Lists.asmx 통해 UpdateListItems와 함께 작업 하는 경우, 그것은 오류를 생성 하 게 쉬운:

잘못 된 URL 매개 변수.

잘못 된 명령 또는 값 제공 된 URL 포함. URL을 다시 확인 하시기 바랍니다.

ID를 포함 하는 것을 잊지 때이 오류를 얻을 수 있습니다 있는 업데이트할 필드의 목록. 이, 많은 이러한 SP 웹 서비스 처럼, 조금 어 긋 한지를 ID 특성에는 ID를 포함 해야 합니다 <메서드> 요소입니다. 그리고 당신은 ID 업데이트 아마 결코 하 고 싶지 처음에.

이 SOAP 봉투 작품:

<soapenv:봉투 xmlns:soapenv =' http://schemas.xmlsoap.org/soap/envelope/'>
  <soapenv:바디>                      
    <UpdateListItems xmlns =' http://schemas.microsoft.com/sharepoint/soap/'>                     
      <listName>{C712E2EA-54E1-47AD-9D99-1848C7773E2F}</listName>                     
        <업데이트>                     
         <OnError 배치 ="계속">
          <메서드 ID ="1" Cmd ="업데이트">
            <필드 이름 ="CooperativeLock">잠겨!</필드>
            <필드 이름 ="ID">1</필드>
          </메서드>
        </일괄 처리>                     
        </업데이트>                
      </UpdateListItems>             
  </soapenv:바디>         
</soapenv:봉투>

ID 필드 참조를 빼내야 하는 경우 다음 거 야 성가신 "잘못 된 URL 매개 변수" 메시지.

</끝>

내 블로그를 구독.

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

불 쌍 한 남자의 자바 스크립트 캐싱

1 회신

[TL;박사 버전: 쿠키를 사용 하 여 비동기 호출의 결과 저장; 즉시 과거 비동기 호출의 결과 렌더링 하 고 페이지 로드 후 확인.]

내가 일하고 SharePoint 인트라넷 사이트에 있는 클라이언트에 대 한 기능, 다른 것 들 중, 양식에 일치 시키는 보조 탐색 해당 메뉴 옵션이 일반 오래 된 사용자 지정 목록을 통해 관리 됩니다. 아이디어는 클라이언트에 영향을 미치는 또는 그것에 의해 밖으로 넣어 전역 탐색에 의해 영향을 받지 않고 "그들 의" 사이트의 메뉴 제어를 가져옵니다..

(뭔가 엄청나게을 로드 일부 CSS와 JS... 사이트의 동작에 대 한 거의 모든 것을 근본적으로 변경 하지만 그건 다른 게시물에 대 한 HTML 파일을 가리키는 CEWP 추가 대 한 파괴)

이 아주 간단한 코드:

로딩을 끝내 고 나머지 또는 lists.asmx 또는 무엇이 든을 사용 하 여 목록에서 메뉴 항목을 로드 하려면 호출 하는 비동기 페이지에 대 한 대기
JQuery를 사용 하 여, 경우 동적으로 무리를 채울 <리>부모 안쪽의 <ul> (이 tecnnique에 대 한 단순한 설명에 대 한 기독교 그레이스의 문서)
CSS를 사용 하 여 모든 서식 할 수
이익!

아픈 자리 여기는 누구 든 지 사이트의 페이지 중 하나를 조회 수 모든 시간, 해당 사용자의 웹 브라우저 목록에서 항목을 가져올 밖으로 도달 합니다. 개발 완료 되 고 테스트 되 면 안정적이 고 완전 한 것을 입증 했다, 이 호출이 필요 하지 않습니다 더 이상 99% 거의 메뉴부터 시간 변경합니다. 그것도 이상한 UI에 영향을 미칠 하이퍼 ajaxy 웹 사이트의이 용감한 새로운 세계에 있는 일반적인-페이지 렌더링 하 고 그런 다음 메뉴 렌더링지 않습니다. 그것은 과민 하 고 내 보기에 산만 한입니다. 그리고 신경 과민. 그래서, 캐싱.

Thusly 논리를 수정:

마지막 그것을 읽고 메뉴를 포함 하는 브라우저에서 쿠키에 대 한 보고

만약 발견, 즉시 렌더링 합니다. 페이지 로딩 완료를 기다리지 않는다. (당신의 HTML 여기 전략적으로 배치 되도록 해야, 그것은 일을 열심히 하지만).

로딩을 끝내 고 나머지 또는 lists.asmx 또는 무엇이 든을 사용 하 여 목록에서 메뉴 항목을 로드 하려면 호출 하는 비동기 페이지에 대 한 대기
내가 쿠키에 대 한 비교

일치 하는 경우, 중지
그렇지 않으면, jQuery를 사용 하 여, 경우 동적으로 무리를 채울 <리>에 <ul>

CSS를 사용 하 여 모든 서식 할 수
이익!

당신의 일부는 말 거 야, "이 봐! 아니 진짜 캐싱가 여기에 있기 때문에 어쨌든 메뉴를 읽고 있다 매 시간.” 그리고 당신 말이 맞아-하지 휴식의 어떤 서버를 주는 거 야. 하지만 HTML 페이로드 완전히 렌더링 호출은 비동기 이며 이후 페이지의 초기 발생 하기 때문에, 그것은 "느낌"는 사용자에 게 응답성. 메뉴는 페이지 그리는 만큼 꽤 렌더링 합니다. 메뉴 변화를 발생 하는 경우, 사용자 메뉴의 과민 다시 그릴을 복종 된다, 하지만 그 한 번만.

이 캐싱 보다 효과적으로 만들기 하는 동시에 서버 도와 몇 가지:

"쿠키 캐시"는 최소 유효 규칙에 24 시간 또는 다른 시간대. 만큼 만료 된 쿠키가, 쿠키의 메뉴 스냅숏을 사용 하 고 결코 서버.

그 게 지금 당장 마음에와 서 다 음... :).

누구 든 지 여기 어떤 영리한 아이디어를 가진다면 그들을 알고 싶어요.

그리고 마지막으로-이 기술은 다른 것 들에 대 한 사용할 수 있습니다. 이 클라이언트의이 페이지는 다양 한 페이지에 다양 한 데이터 기반 것 들, 그들 중 많은 사람들이 상대적으로 거의 변화 (일주일에 한 번 또는 한 달에 한 번). 기능의 특정 영역을 대상 하는 경우, 로컬 쿠키 저장소에서 콘텐츠를 당기 및 즉시 렌더링 응답성 UI를 제공할 수 있습니다. 그것은 어떤 주기 서버 저장 하지 하는 경우에 사용자에 게 더 빨리 느낀다. 당신은 수 있습니다. 이 로컬 쿠키 캐시를 무효화할 일부 조건과 트리거에 결정 하 여 서버 사이클을 저장 합니다. 그건 모든 상황이 복잡 한 물건 및 진짜로 가장 재미 있는 :).

</끝>

내 블로그를 구독.

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

XSLT와 jQuery 예제

2 답글

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

Lists.asmx, GetListItems 및 폴더

6 답글

Sharepoint의 일환으로 제공 하는 list.asmx 웹 서비스 오늘 주위 사람에 대 한 몇 가지 연구 있었는데 2010 (이전 버전). 그녀는 루트 폴더에서 목록 항목을 얻을 수 있었습니다. (하위 폴더의 이름을 포함 하 여), 하지만 하위 폴더에서 항목을 가져올 수 없습니다. 일부 internets에 구경을 했 고 그것은 놀라울 정도로 공통 질문 이다. 아직, 간단한 질문에 좋은 답변을 얻을 수 없습니다., 폴더를 알고 있는 경우 ", 폴더에 항목을 얻을 하는 방법?” 솔직히 말해서, 이후 한 동안 내 자신에 밖으로이 하나 내려고 싶었던 난을 모두 열심히 시도 하지 않았다 .

이것을 설정 하려면, "블로깅 시나리오" 라고 하는 사이트 및 "사용자 지정 목록 함께 Sub Folders" 라는 사용자 지정 목록을 만들었습니다. 그런 다음 폴더를 생성:

올해 2005
올해 2006
올해 2007

"2006 년" 폴더에 몇 가지 항목을 추가 합니다. 이것은 그것 처럼 보이는:

내 친구는 C# 코드 작성 아니지만 오히려 자바를 사용 하 여, 그래서 SOAP 봉투 그녀가 정말로 필요 했다. 그, Jquery의 비트를 작성 하 고 fiddler를 사용 하는 실제 HTTP 대화.

여기 관련 jQuery입니다. (복사 코드 아래로 아래 복사/붙여넣기를 하는 경우):

그들은 둘 다 포함 하는 첫 번째 키를 <queryOptions> 그리고 <QueryOptions> 노드입니다. 두 번째 키는 그는 <폴더> 노드는 클라이언트는 액세스할 수 있는 URL.

이 다른 방법이 있을 수 있습니다., 하지만이 나를 위해 잘 일했다 Jquery를 사용 하는 경우.

여기는 위의 대 한 SOAP 봉투:

<soapenv:봉투 xmlns:soapenv =’http://schemas.xmlsoap.org/soap/envelope/’>
<soapenv:바디>
    <GetListItems xmlns =’http://schemas.microsoft.com/sharepoint/soap/’>
      <listName>하위 폴더를 사용 하 여 사용자 지정 목록</listName>
      <viewFields>
        <ViewFields>
          <FieldRef 이름 =' 제목’ />
          <FieldRef 이름 ='EncodedAbsUrl’ />
        </ViewFields>
      </viewFields>
      <queryOptions>
        <QueryOptions>
          <폴더>http://demoserver1/블로그 사용자 정의 시나리오/목록/목록 하위 폴더/Year 2006</폴더>
        </QueryOptions>
      </queryOptions>
    </GetListItems>
</soapenv:바디>
</soapenv:봉투>

예제와 주변이 토론을 많이 모든 필요는 믿고 나를 이끌고 <QueryOptions> 폴더 이름을 지정 하 고 있습니다. 나를 위해, 내가 필요 모두 래핑 내부 <queryOptions> 뿐만 아니라에 대 한 정규화 된 URL을 지정 합니다 <폴더> 노드.

여기 jQuery AJAX 설정이입니다.:

$(문서).준비(함수() {
       var soapEnv =
           "<soapenv:봉투 xmlns:soapenv =’http://schemas.xmlsoap.org/soap/envelope/’> \
               <soapenv:바디> \
                    <GetListItems xmlns =’http://schemas.microsoft.com/sharepoint/soap/’> \
                       <listName>하위 폴더를 사용 하 여 사용자 지정 목록</listName> \
                       <viewFields> \
                           <ViewFields> \
                              <FieldRef 이름 =' 제목’ /> \
                              <FieldRef 이름 ='EncodedAbsUrl’ /> \
                          </ViewFields> \
                       </viewFields> \
                       <queryOptions> \
                         <QueryOptions> \
                           <폴더>http://demoserver1/Blogging 사용자 정의 시나리오/목록/목록 하위 폴더/Year 2006</폴더> \
                         </QueryOptions> \
                       </queryOptions> \
                   </GetListItems> \
               </soapenv:바디> \
           </soapenv:봉투>";

</끝>

내 블로그를 구독.

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

Lists.asmx, GetList 및 "값 null 일 수 없습니다”

1 회신

오늘 발견 하 여 GetList() 메서드 lists.asmx 웹 서비스를 매우 신중 하 게 호출할 수 있다 또는 신비 "값 null 일 수 없습니다" 예외를 throw 하는 경향이 (그 과거의 더 일반적인 오류 메시지가 얻을 수 있는 가정은, "유형의 예외 ' Microsoft.SharePoint.SoapServer.SoapServerException’ throw 되었습니다. ") 특히, GetList 메서드에 접두사의 어떤 종류를 제공할 수 없습니다 발견. 다음 jQuery 코드 포인트를 보여 줍니다.:

당신이 그렇게 하는 경우, 웹 서비스 응답 "값 null 일 수 없습니다"이 당 피 들러-HTTP 사본 제공:

<?xml 형식 버전 = "1.0" 인코딩 = "은 utf-8"?>
<비누:봉투
     xmlns:soap ="http://schemas.xmlsoap.org/soap/envelope/"
     xmlns:xsi = "http://www.w3.org/2001/XMLSchema-instance”
     xmlns:xsd ="http://www.w3.org/2001/XMLSchema">

<비누:바디>
    <비누:오류>
      <사용 하 여 faultcode>비누:서버</사용 하 여 faultcode>
      <faultstring>
        유형의 예외 ' Microsoft.SharePoint.SoapServer.SoapServerException’ 튕겨 져.
      </faultstring>
      <세부 정보>
        <errorstring xmlns ="http://schemas.microsoft.com/sharepoint/soap/">
값이 null 일 수 없습니다..
        </errorstring>
      </세부 정보>
    </비누:오류>
</비누:바디>
</비누:봉투>

물론, 아마 고객님 "s0" 접두사를 추가 하지 않을 것, 하지만 일부 도구는 그것을 할 경향이 있습니다. (이클립스와 같은).

이것은 모두 더 혼란 / 다른 방법의 참을 접두사 때문에 실망. 예를 들어, 는 GetListCollection 방법 경우 접두사가 되었습니다은 마음을 하지 않습니다., "xyzzy"와 같은 넌센스 접두사와도:

이 lists.asmx 그래서 희망을이 누군가가 도움이 됩니다 밖으로 미래에 상당히 일반적인 것으로 보인다 "값 null 일 수 없습니다".

</끝>

내 블로그를 구독.

에 지 저 귐에 나를 따르라합니다 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 주석을 강제, 같이:

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

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

</끝>

내 블로그를 구독.

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

아직 더 많은 jQuery–크기 조정 이미지 예

회신을 남겨주

클라이언트의 오래 된 공급 업체에서 웹 파트를 상속 하 고 이미지 크기 문제. 이미지 60 되어야 합니다.×50 하지만 어떤 이상한 이유로, 원래 공급 업체 42에 그들을 강제로×42, 그래서 그들은 찌그러져 보이는:

좋은 이미지	나쁜 이미지

여기 태그가입니다. (다소 단순화):

<클래스 표 ' 확장 outlook'=>
<thead>
    <tr>
      <th 폭 = 100'′>3 화요일</th>
    </tr>
</thead>

<tbody>
    <tr 클래스 '예측' =>
      <td 폭 = 100'′>
        <ul>
          <리 클래스 '높은' =>높은: 72°F</리>
          <리 클래스 '낮은' =>낮은: 44°F</리>
          <리 클래스 = '조건'>써니
            <img src =’http://deskwx.weatherbug.com/images/Forecast/icons/localized/60×50/en/trans/cond007.png’ 너비 ='42’ 높이 ='42’ alt =” />
          </리>
        </ul>
      </td>
    </tr>

</tbody>

</테이블>

비록 유의 거는 이미지 자체에 대 한 경로 적절 한 치수를 보여 줍니다. (60×50) 원래 공급 업체 42에 강제×42. 왜? 미친.

어쨌든, 이 문제에 빠르고 쉬운 솔루션을 원했습니다 및 jQuery 밝혀졌다. 트릭은 모든 적절 한을 찾을 수 <img> 태그입니다. 다른 img 태그에 대해 정처 없이 헤매 다 싶지 않 았 어 (많습니다.). JQuery의이 비트는 목적을 달성을 했다:

<스크립트 유형 = "텍스트/자바 스크립트" src ="http://ajax.googleapis.com/ajax/libs/jquery/1.5/jquery.min.js"></스크립트>

<스크립트 유형 = "텍스트/자바 스크립트">
     $(문서).준비(함수 () {

         $(' li.condition > 그림 ').각(함수 (인덱스, 항목)
            {
             $(항목).css("너비", "60");
             $(항목).css("높이", "50");
            });
     }); // 문서 로드에
</스크립트>