이것은 또 다른 게시물에 내 -시리즈 사용 하는 방법에 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를 실행 하는 사용자 지정 목록에 일부 열 추가. 내 초기 목표 했다:
- 필드 숨기기.
- 필드에 값을 할당.
마음에 그 목표와, 두 개의 텍스트 필드 추가. 시간이 지남에, 난 링크와 함께 연주 될 거 야, 이미지, 조회, 등.
6. NewForm.aspx 웹 파트 페이지를 수정 하 고 콘텐츠 편집기 웹 파트 추가
이것은 조금 블랙 magic-ish , 그것은 나에 게 새로운 개념. 내가 처음에서이 대해 배웠다 폴 Grenier, SharePoint jQuery 슈퍼스타, 그의 CodePlex 프로젝트 사이트에서: http://spff.codeplex.com/.
사용자 지정 목록에 대 한 NewForm.aspx 보여 주는 동일한 페이지에 있는 CEWP를 추가 하려면 다음이 단계를 수행 합니다.:
- 사용자 지정 목록에 액세스 하 고 새로 만들기를 클릭 합니다..
- 다음 URL에 추가: 페이지 뷰 = 공유&ToolPaneView = 2
그 같이에서 당신의 지루한 바닐라 데이터 입력 폼을 변형 시킬 것 이다:
이:
페이지에 콘텐츠 편집기 웹 파트 추가.
7. 당신의 첫 번째 jQuery 코드 작성
코드 보기에서 해당 CEWP을 열고 다음을 추가합니다:
다음은 실제 코드 복사/붙여넣기를.:
<스크립트 유형 ="텍스트/자바 스크립트" src =".. /.. /jQuery Library/jquery-1.3.2.min.js"> </스크립트> <스크립트 유형 ="텍스트/자바 스크립트"> $(함수() { $(' #resultsID').html(' 있다 ' + $(' a').크기() + '는 태그 태그가이 페이지에서.'); }); </스크립트> 결과: <div id =' resultsID'></div> /결과 |
참고: 첫 번째 <스크립트> 실제 jQuery 라이브러리를 참조 하는 태그. 아마도, 이러한 것 들이 시간이 지남에 변경, 그래서 당신이 다는 것을 확인 하 고 싶은 거는) 올바른 이름을 사용 하 여 b) 올바른 SharePoint 문서 라이브러리를 가리킨.
영광을 느끼고합니다
당신이 잘못 했다면, 다음과 유사한 결과가 나타납니다.:
마무리
이것은 시작 하는 유일한 방법은 아니다., 하지만 빠른, 간편 하 고 기존 SharePoint 환경에서 격리.
</끝>
에 지 저 귐에 나를 따르라합니다 http://www.twitter.com/pagalvin
혹시 페이지 깨야 editform.aspx에 CEWP를 추가 하 고 버전 정보 섹션 UI에 표시? 이 대 한 모든 대안?
누구 든 지 ?
결코 응답에 대 한 미안. 당신이 문제를 알아 냈 바랍니다..