Đây là một bài đăng trong của tôi ngày đi loạt làm thế nào để sử dụng jQuery với SharePoint.
Nếu bạn muốn tìm hiểu thêm về jQuery, Tôi rất khuyên bạn nên: jQuery trong hành động bởi gấu Bibeault và Yehuda Katz.
Bắt đầu với jQuery trong SharePoint là đáng ngạc nhiên dễ dàng (Đối với tôi). (Tôi có câu hỏi nghiêm trọng về một cách tiếp cận "thực hành tốt nhất" để triển khai những việc này để sản xuất, nhưng đó là cho một ngày khác). Tôi đã chỉ mới bắt đầu chơi với công nghệ này và cuối cùng, Tôi tạo ra một môi trường chỗ thử sử dụng. Nếu bạn đang tìm kiếm để bắt đầu với jQuery, bạn có thể tìm cách tiếp cận này hữu ích.
1. Tạo một trang trống
Tạo một trang web trống một nơi nào đó trong trang web của bạn và gọi nó là một cái gì đó thông minh như "jQuery Sandbox".
2. Tải về jQuery
Bạn có thể tải về thư viện javascript jQuery từ đây: http://docs.jquery.com/Downloading_jQuery
Tiết kiệm mà để máy tính để bàn của bạn.
Tôi đã sử dụng phiên bản "minified".
3. Tạo một thư viện tài liệu SharePoint
Ở chỗ thử trang web của bạn, tạo một thư viện tài liệu.
4. Tải lên thư viện jQuery để SharePoint
Truy cập vào thư viện tài liệu mà bạn vừa tạo và tải lên thư viện jQuery.
5. Tạo một danh sách tùy chỉnh SharePoint
Tôi đã bắt đầu với một danh sách tùy chỉnh bởi vì tôi muốn muck với tiêu chuẩn SharePoint hình thức. Bạn cũng có thể tạo một trang trong một thư viện trang hoặc các trang web một phần và có lẽ rất nhiều nơi khác.
Thêm một số cột danh sách tùy chỉnh để cho bạn có một cái gì đó để chạy jQuery chống lại. Mục tiêu ban đầu của tôi là để:
- Ẩn một lĩnh vực.
- Gán một giá trị cho một lĩnh vực.
Với mục tiêu đó trong tâm trí, Tôi thêm vào hai lĩnh vực văn bản. Theo thời gian, Tôi sẽ chơi với các liên kết, hình ảnh, tra cứu, vv.
6. Chỉnh sửa NewForm.aspx Web phần trang và thêm một trình soạn thảo nội dung Web phần
Đây là một chút màu đen magic-ish , ở chỗ nó là một khái niệm mới với tôi. Lần đầu tiên tôi đã học được về việc này từ Paul Grenier, SharePoint jQuery siêu sao, tại trang web dự án CodePlex của mình: http://spff.codeplex.com/.
Thực hiện theo các bước sau để thêm một CEWP vào cùng một trang đó cho thấy NewForm.aspx cho bất kỳ danh sách tùy chỉnh:
- Truy cập vào danh sách tùy chỉnh và bấm vào tạo mới.
- Gắn tiếp sau vào URL: Số lần xem trang = chia sẻ&ToolPaneView = 2
Mà sẽ chuyển đổi của bạn mẫu mục nhập dữ liệu vani nhàm chán từ một cái gì đó như thế này:
Này:
Thêm phần biên tập nội dung web vào trang.
7. Viết đầu tiên của bạn jQuery mã
Mở ra rằng CEWP trong chế độ xem mã và thêm các sau đây:
Đây là mã thực tế nếu bạn muốn sao chép/dán:
<kịch bản loại ="text/javascript"
SRC =".. /.. /jQuery Library/jQuery-1.3.2.min.js">
</kịch bản>
<kịch bản loại ="text/javascript">
$(chức năng() {
$('#resultsID').HTML('Không có' + $('một').Kích thước() + 'một khoá thẻ trên Trang này.');
});
</kịch bản>
Kết quả:
<DIV id ='resultsID'></div>
/kết quả
|
Lưu ý rằng người đầu tiên <kịch bản> từ khóa tham khảo thư viện jQuery thực tế. Có lẽ là, những thay đổi theo thời gian, do đó, bạn sẽ muốn đảm bảo rằng bạn một) sử dụng đúng tên và b) điểm nó vào thư viện chính xác tài liệu SharePoint.
Bask trong vinh quang
Nếu bạn đã làm nó một cách chính xác, bạn sẽ thấy một kết quả tương tự như sau đây:
Kết thúc
Đây không phải là cách duy nhất để bắt đầu, nhưng nó là nhanh chóng, dễ dàng và bị cô lập từ môi trường SharePoint hiện tại của bạn.
</kết thúc>
Đăng ký vào blog của tôi.
Theo tôi trên Twitter lúc http://www.twitter.com/pagalvin