신속 하 고 쉽게: Sharepoint에 대 한 자신의 jQuery 샌드 박스를 만듭니다

이것은 또 다른 게시물에 내 -시리즈 사용 하는 방법에 jQuery Sharepoint와 함께.
Jquery에 대 한 자세한 정보를 원하는 경우, 매우 추천: 액션 jQuery 베어 Bibeault 및 예 후 다 카 츠.

Sharepoint에서 Jquery와 함께 시작 하는 것은 의외로 쉽게 (저에게). (생산에 이러한 것 들을 배포 하는 "모범 사례" 접근에 대 한 심각한 질문 할., 하지만 그건 또 하루). 난 그냥이 기술로 연주를 시작 했습니다., 사용 하는 샌드박스 환경을 만들었습니다.. 만약 당신이 jQuery와 함께 시작을 찾고, 이 방법은 유용 하 게 찾을 수 있습니다..

1. 빈 사이트 만들기

빈 사이트 어딘가에 귀하의 사이트에 있는 만들고 뭔가 "jQuery 샌드 박스"와 같은 영리한 전화.

2. JQuery 다운로드

여기에서 jQuery 자바 스크립트 라이브러리를 다운로드할 수 있습니다.: http://docs.jquery.com/Downloading_jQuery

바탕 화면에 저장 하는.

"Minified" 버전 사용 하 고 있다.

3. SharePoint 문서 라이브러리 만들기

샌드 박스 사이트에서, 문서 라이브러리 만들기.

4. Sharepoint에 jQuery 라이브러리를 업로드

방금 만든 문서 라이브러리에 액세스 하 고 업로드 jQuery 라이브러리.

5. 사용자 지정 SharePoint 목록 만들기

에 대 한 표준 SharePoint 폼으로 깨끗이 하 고 싶다 때문에 사용자 지정 목록을 시작 했습니다.. 또한 페이지 라이브러리에서 페이지 또는 웹 파트 페이지 및 아마 많은 다른 장소를 만들 수 있습니다..

뭔가 대 한 jQuery를 실행 하는 사용자 지정 목록에 일부 열 추가. 내 초기 목표 했다:

  1. 필드 숨기기.
  2. 필드에 값을 할당.

마음에 그 목표와, 두 개의 텍스트 필드 추가. 시간이 지남에, 난 링크와 함께 연주 될 거 야, 이미지, 조회, 등.

6. NewForm.aspx 웹 파트 페이지를 수정 하 고 콘텐츠 편집기 웹 파트 추가

이것은 조금 블랙 magic-ish , 그것은 나에 게 새로운 개념. 내가 처음에서이 대해 배웠다 폴 Grenier, SharePoint jQuery 슈퍼스타, 그의 CodePlex 프로젝트 사이트에서: http://spff.codeplex.com/.

사용자 지정 목록에 대 한 NewForm.aspx 보여 주는 동일한 페이지에 있는 CEWP를 추가 하려면 다음이 단계를 수행 합니다.:

  1. 사용자 지정 목록에 액세스 하 고 새로 만들기를 클릭 합니다..
  2. 다음 URL에 추가: 페이지 뷰 = 공유&ToolPaneView = 2

그 같이에서 당신의 지루한 바닐라 데이터 입력 폼을 변형 시킬 것 이다:

image

이:

image

페이지에 콘텐츠 편집기 웹 파트 추가.

7. 당신의 첫 번째 jQuery 코드 작성

코드 보기에서 해당 CEWP을 열고 다음을 추가합니다:

image

다음은 실제 코드 복사/붙여넣기를.:

<스크립트 유형 ="텍스트/자바 스크립트"
    src =".. /.. /jQuery Library/jquery-1.3.2.min.js">
</스크립트>

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

    $(' #resultsID').html(' 있다 ' + $(' a').크기() + '는 태그 태그가이 페이지에서.');

  });
</스크립트>

결과:
<div id =' resultsID'></div>
/결과

참고: 첫 번째 <스크립트> 실제 jQuery 라이브러리를 참조 하는 태그. 아마도, 이러한 것 들이 시간이 지남에 변경, 그래서 당신이 다는 것을 확인 하 고 싶은 거는) 올바른 이름을 사용 하 여 b) 올바른 SharePoint 문서 라이브러리를 가리킨.

영광을 느끼고합니다

당신이 잘못 했다면, 다음과 유사한 결과가 나타납니다.:

image

마무리

이것은 시작 하는 유일한 방법은 아니다., 하지만 빠른, 간편 하 고 기존 SharePoint 환경에서 격리.

</끝>

내 블로그를 구독.

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

del.icio.us 태그: ,

2 "에 대한 생각신속 하 고 쉽게: Sharepoint에 대 한 자신의 jQuery 샌드 박스를 만듭니다

응답을 남기다

귀하의 이메일 주소는 공개되지 않습니다. 필요 입력 사항은 표시되어 있습니다 *