Tệp tùy chỉnh SharePoint SharePoint Thực tiễn tốt nhất

Question

Tôi đã tạo trang cái tùy chỉnh. Tôi cũng đã tạo một tệp CSS tùy chỉnh, mà tôi đã tải lên "Thư viện kiểu". tôi liên kết đến tập tin CSS này bằng cách:

<SharePoint:CssRegistration name="<% $SPUrl:~SiteCollection/Style Library/coe/mainCOE.css%>" runat="server"/> 

Bây giờ tôi muốn thực hiện một tập tin JS tùy chỉnh, và liên kết với nó trong trang chủ tùy chỉnh. 1. Tôi nên tải lên tệp JS ở đâu, tạo một thư mục như "Thư viện kiểu"? 2. Có cách nào để liên kết đến tệp JS, giống như tệp ở trên cho tệp CSS không?

Answer 1

Bạn có thể tải lên js tập tin trong thư viện tài liệu sưu tập trang web, nếu bạn muốn có được điều này cho tất cả các bộ sưu tập trang web thì hãy tạo một thư mục trong bố trí bên và dán nó đó. Và tham khảo này là trong trang chủ theo yêu cầu của bạn.

Answer 2

Kiểm tra lớp SharePoint: ScriptLink, tương tự như SharePoint: CssRegistration.

Các tài liệu là khá thưa thớt, nhưng cố gắng này http://www.go4sharepoint.com/Forum/sharepointscriptlink-6462.aspx

Answer 3

Sử dụng Thư viện kiểu và sử dụng CssRegistration và ScriptLink nếu chúng hoạt động. Nhưng đôi khi SharePoint đặt các liên kết theo thứ tự bạn không muốn. Trong trường hợp đó, bạn có thể sử dụng sau đây để trực tiếp chèn tài liệu tham khảo:

<link rel="stylesheet" type="text/css" href="<% $SPUrl:~SiteCollection/Style Library/coe/mainCOE.css%>" runat="server"/> 
<script type="text/javascript" language="javascript" src='<asp:Literal runat="server" Text="<%$SPUrl:~SiteCollection/Style Library/coe/mainCOE.js%>" />'></script> 

Answer 4

Bạn có thể lưu trữ các file JS trong thư mục _layouts, nhưng lưu trữ chúng trong thư viện Phong cách mang đến cho bạn workflow/thay đổi lịch sử miễn phí.

Nếu bạn giữ các tập tin JS của bạn trong thư viện Phong cách bạn có thể tham khảo chúng trong MasterPage của bạn bằng cách sử dụng ~ sitecollection thẻ bằng cách sử dụng thẻ <SharePoint:Scriptlink>, như vậy:

<SharePoint:Scriptlink runat="server" Name="~sitecollection/Style Library/[YOUR SITE]/js/functions.js" Language="javascript" />