Tôi đang làm việc trên một bản demo BPOS (sớm để có sẵn lên trên Microsoft của trang web) và tôi muốn thêm một chút pizzazz. Tôi đã biết về Jan Tielen những nỗ lực cho nhiều thời gian và tôi nghĩ rằng nó sẽ là một kỹ thuật tuyệt vời để thêm vào các bản demo, Vì vậy tôi đã làm. Bạn có thể đọc về nó ở đây: http://weblogs.asp.net/jan/archive/2009/07/02/sharepoint-search-as-you-type-with-jquery.aspx. Nó là như vậy đơn giản để sử dụng nó có lẽ phải là một tội phạm (và có lẽ là một nơi nào đó).

Tôi thêm chỉ hai điểm đến những gì ông đã tạo ra / đã viết về:

1. Điều này có, Thực tế, làm việc trong một BPOS (SharePoint trực tuyến) môi trường.
2. Để làm cho nó hoạt động mà không có tiền tố tin nhắn bật lên gây phiền nhiễu là tham chiếu đến các thư viện jquery với https thay vì http, như trong:

<kịch bản loại ="text/javascript" SRC ="https://Ajax.googleapis.com/Ajax/libs/jQuery/1.3.2/jQuery.min.js"></kịch bản>

Jan chỉ ra rằng bạn nên có thể di chuyển thư viện riêng của mình để trang web của bạn. Cảm thấy một chút lười biếng hôm nay, I decided to blog about it instead 🙂

</kết thúc>

Đâ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.

Đăng ký vào blog của tôi.

Theo tôi trên Twitter lúc http://www.twitter.com/pagalvin

Đâ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.

Một trong những điều đầu tiên tôi nghĩ, khi tôi bắt đầu chơi xung quanh với jQuery, là cho dù chúng tôi có thể sử dụng nó để bảo đảm một cái nhìn SharePoint. Câu trả lời là "không" (hoặc ít, Tôi không tuyên bố có thể). Tuy nhiên, nó là chắc chắn có thể để làm cho nó khó khăn cho người dân để xem một cái nhìn cụ thể.

Tôi bắt đầu với môi trường chỗ thử của tôi khi làm việc này. Tôi đã viết về môi trường đó ở đây: Nhanh chóng và dễ dàng: Tạo riêng của bạn jQuery Sandbox cho SharePoint.

Để "bảo mật" một lần xem, thực hiện theo các bước sau:

1. Tạo ra một cái nhìn bạn muốn an toàn. Tôi đã làm điều đó và gọi nó là "Bảo đảm View".

   Đây là những gì nó trông giống như khi nó được không "bảo vệ":

   

2. Thêm một phần biên tập nội dung web để xem trang sử dụng Mẹo được mô tả trong bài viết chỗ thử (tức là. Thêm "lần xem trang = chia sẻ&ToolPaneView = 2 "đến URL).
3. Tìm ra _spUserId SharePoint của bạn bằng cách làm theo các bước sau điên, tin hay không:
   1. Đăng nhập vào môi trường SharePoint của bạn.
   2. Trong trường địa chỉ của trình duyệt web, loại: "javascript:cảnh báo(_spUserId").
   3. Ghi kết quả (nó là "13" trong trường hợp của tôi).

      

4. Thêm javascript sau vào CEWP của bạn trong chế độ xem mã:
   
   

   <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() { cảnh báo(_spUserId); var theSecuredView = $(' khung nội tuyến[FilterLink * = bảo đảm % 20View]'); Nếu ((theSecuredView.length > 0) && (_spUserId == 13)) $(' khung nội tuyến[FilterLink * = bảo đảm % 20View]').phụ huynh().phụ huynh().phụ huynh().HTML("<tr bgcolor = đỏ><TD>Không nhìn ra cho bạn!</TD></tr>"); }); </kịch bản>

Tôi đã bao gồm các cảnh báo đó(_spUserId) dòng ở đó để chứng minh làm thế nào đây không phải là thực sự một "bảo vệ" một lần xem, nhưng chỉ đơn giản là làm cho nó khó khăn hơn để xem. Thêm vào đó trong một thời điểm.

Về cơ bản, jQuery tìm kiếm một khung nội tuyến trên trang những người có một thuộc tính có chứa "Bảo đảm % 20View" trong giá trị của nó. Một khi nó tìm thấy nó, chúng tôi kiểm tra để xem nếu người dùng hiện tại là "13". Nếu nó là, chúng tôi đi bộ lên DOM để một <TR> từ khóa (mà tôi đã tìm ra bằng cách xem nguồn và truy tìm nó) và sau đó thay thế thẻ TR đó với bài viết của tôi. Tôi thực sự không biết điều này là mạnh mẽ như thế nào (Tôi rất nghi ngờ, Thực tế), nhưng nó đã làm việc trong chỗ thử của tôi. Nếu tôi tìm thấy một cách tốt hơn, Tôi sẽ blog về nó. Đây là kết quả:

Tôi nhấp vào nút OK và dữ liệu được thay thế bằng một thông báo màu đỏ lớn:

Như bạn có thể nói, con đường tôi đã thực hiện giải pháp "bảo mật" này là để cho phép một phần web để khiến chính nó. Sau khi nó kết thúc, Tôi ghi đè lên nội dung của nó với "không có quan điểm của tôi cho bạn!"tin nhắn.

Mặc dù thực tế là nó không phải là thực sự một "bảo đảm '" xem, nó là khả năng có thể hữu ích và với một số công việc thông minh, nó có thể cuối cùng được securable trong một ý nghĩa chính thức hơn. Vấn đề cơ bản là các khách hàng nhận được tất cả các dữ liệu và sau đó, chỉ sau khi nó được các dữ liệu, nó lau nó ra. Nếu khách hàng là nhận được dữ liệu, một người sử dụng thông minh có thể ngăn chặn jQuery chạy ở tất cả và xem những gì anh/cô ấy muốn xem.

Có những hạn chế khác. Cách tiếp cận "bảo mật" này dựa off một _spUserId. Chúng tôi muốn để thực sự an toàn dựa trên mô hình bảo mật đầy đủ của SharePoint, hoặc ít bằng tên người dùng. Mà trở nên dần dần khó khăn hơn, nhưng tôi thấy một số công cụ tốt viết về chủ đề này, Vì vậy, tôi hy vọng có là một câu trả lời tốt đến vấn đề đó.

Danh sách xem mình nên được trimmed, Nếu có thể. Tôi đã không cố gắng để hiểu. Tôi giả định nó là có thể, nhưng thực sự không giải quyết vấn đề cơ bản bảo mật bởi vì ai đó vẫn chỉ có thể gõ URL của xem họ muốn (Nếu họ biết nó). Tuy nhiên, Trang trí làm cho cảm giác. Nó là một tính năng khả năng sử dụng tốt và nó giúp làm thành tối tăm điều. Nếu một người dùng không biết rằng các sự kiện xem tồn tại, họ có lẽ sẽ không cố gắng sử dụng nó. Đôi khi, đó là đủ tốt.

Với may mắn, Tôi sẽ có nhiều hơn để viết về chủ đề này theo thời gian.

</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

Đâ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.

Trước đây, Tôi đã viết về làm thế nào để sử dụng jQuery để xác định vị trí và ẩn một lĩnh vực văn bản trên một biểu mẫu. Tôi không quan tâm đến phương pháp tiếp cận cụ thể (Tôi loạt cha mẹ-đó là chỉ đơn giản là không phải là thực hiện những ngày này, tối thiểu trong gia đình có chất lượng).

Khi tôi bắt đầu suy nghĩ về nó, Tôi biết tôi cần thiết để tìm một <TR> mà tôi có thể gọi ẩn() phương pháp. Nỗ lực đầu tiên của tôi để tìm chính xác <TR> là một cái gì đó như thế này:

$(' tr:có(đầu vào[tiêu đề = ẩn tôi!])');

Vấn đề với điều đó là nó sẽ tìm thấy tất cả <TR> từ khóa có bất kỳ mối quan hệ cha mẹ để ẩn tôi! lĩnh vực, ngay cả khi ẩn tôi! là lồng nhau nhiều cấp độ sâu trong <TR>của. Nó bật ra rằng hình thức chỗ thử của tôi, biểu hiện mà thấy 9 khác nhau TR của người có ẩn tôi! như một đứa trẻ một nơi nào đó trong cây DOM của nó. Tôi nhận ra rằng tôi có thể đi bộ trở lại lên cây từ lĩnh vực đầu vào chính nó, Vì vậy, đó là làm thế nào tôi kết thúc lên lạm dụng cha mẹ, nhưng nó không ngồi tốt với tôi.

Tôi đã cung cấp một vài suy nghĩ này và một trong những điều tôi đọc cuối cùng làm cho cảm giác: Tôi có thể sử dụng không() Các phương pháp để cắt ra <TR>của tôi không muốn trong bộ gói của tôi. Đó đã dẫn tôi đến đây:

$(' tr:có(đầu vào[tiêu đề = ẩn tôi!])').không(' tr:có(tr)').ẩn();

Các bit đầu tiên tìm thấy tất cả các <TR> thẻ có ẩn tôi! lĩnh vực bất cứ nơi nào trong hệ thống phân cấp của họ. Nó sau đó dải ra bất kỳ <TR> cũng có một đứa trẻ <TR>. Điều này lá chúng tôi với một đĩa đơn <TR> mà:

1) Không có <TR> con hồ sơ

2) Có lĩnh vực đầu vào như đứa trẻ.

Chúng tôi có thể sau đó áp dụng ẩn() Các phương pháp để các kết quả thiết lập và chúng tôi đã hoàn tất.

Tôi vẫn còn một chút lo lắng về việc này, nhưng không phải lo lắng như loạt phụ huynh.

Tôi không biết nếu điều này là một thực hành tốt nhất hay không. Có thể có một cách thích hợp hơn để xác định chỉ các <TR> chúng tôi quan tâm đến trong một hình thức SharePoint. Nếu bạn biết, Xin vui lòng gửi bình luậ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

Đâ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.

CẬP NHẬT (đã!): Tôi đã nghĩ rằng một cách tốt hơn để xác định vị trí các <TR> từ khóa tôi muốn ẩn và đã viết về nó ở đây. Bạn có thể vẫn còn tìm thấy bài viết này thú vị anyway vì vậy tôi leavnig nó lên.

Tôi muốn ẩn một lĩnh vực văn bản, "Ẩn tôi!"khi hiển thị:

‘

JQuery sau không đúng cho tôi:

<kịch bản loại ="text/javascript">

  $(chức năng() {


    $(' đầu vào[tiêu đề = ẩn tôi!]').phụ huynh().phụ huynh().phụ huynh().ẩn();

  });

</kịch bản>

Mã nói, "tìm thấy tôi tất cả đầu vào các lĩnh vực có tiêu đề = ẩn tôi!. Sau đó, nhận được phụ huynh và sau đó tiếp theo của nó phụ huynh và các * tiếp * phụ huynh (Phew!) và gọi ẩn() Các phương pháp về điều đó, nó bất cứ điều gì sẽ xảy ra để.

Tôi đã tìm ra rằng cấu trúc phụ huynh bằng cách xem HTML cho dạng SharePoint tạo ra khi hiển thị:

<TR>
    <TD nowrap= "true" valign= "top" chiều rộng= "190px" lớp học= "ms-formlabel">
        <H3 lớp học= "ms-standardheader">
            <nobr>Ẩn tôi!</nobr>
        </H3>
    </TD>

    <TD valign= "top" lớp học= "ms-formbody" chiều rộng= "400px">
        <!-- FieldName = "ẩn tôi!"
                 FieldInternalName = "Hide_x0020_Me_x0021_"
                 FieldType = "SPFieldText"
        -->
        <khoảng DIR= "không có gì">
            <đầu vào
                Tên= "ctl00$ m$ g_bdb23c2c_fde7_495f_8676_69714a308d8e$ ctl00$ ctl04$ ctl02$ ctl00$ ctl00$ ctl04$ ctl00$ ctl00$ TextField"
                loại= "văn bản"
                maxlength= "255"
                ID= "ctl00_m_g_bdb23c2c_fde7_495f_8676_69714a308d8e_ctl00_ctl04_ctl02_ctl00_ctl00_ctl04_ctl00_ctl00_TextField"
                tiêu đề= "Ẩn tôi!"
                lớp học= "ms-long" />
                <BR>
        </khoảng>


    </TD>
</TR>

Hình ảnh này cho thấy như vậy, nhưng đánh dấu với các bậc cha mẹ:

Cha mẹ đầu tiên (1) là một từ khóa Sải. Span của phụ huynh (2) là một từ khóa TD và sau đó cuối cùng chúng tôi có thể thực sự cha mẹ tôi muốn ẩn (3) đó là thẻ TR.

Đây là một cách tiếp cận khá khủng khiếp tôi nghĩ rằng bởi vì nó là vô cùng phụ thuộc vào cấu trúc rất cụ thể của hình thức này. Khi SharePoint 2010 đi ra, toàn bộ cấu trúc này có thể thay đổi và phá vỡ các cách tiếp cận này. Những gì tôi thực sự muốn làm là thủ công một selector jQuery là dọc theo dòng của "tìm thấy tôi tất cả các TR (và chỉ thẻ TR) có một nơi nào đó trong yếu tố trẻ em của họ một lĩnh vực đầu vào tiêu đề mà = ẩn tôi!”. Tôi bắt đầu từ phía dưới và di chuyển. Giả sử tôi ra đây, Tôi sẽ đăng một Cập Nhật "nhanh chóng và dễ dàng ' đăng bài.

</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

Đâ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à để:

1. Ẩn một lĩnh vực.
2. 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:

1. Truy cập vào danh sách tùy chỉnh và bấm vào tạo mới.
2. 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

Tôi bắt đầu chơi xung quanh với jQuery hôm qua. Tôi đã muốn làm điều này trong một thời gian dài, kể từ khi Paul Grenier bắt đầu viết loạt tranh về jQuery cho người dùng cuối tại các hòa thượng www.endusersharepoint.com Trang web. Như tôi sử dụng nó, Tôi hy vọng sẽ thêm một loạt các "Nhanh chóng và dễ dàng" bài viết như thế này. Bài viết này mô tả làm thế nào để thiết lập một trường văn bản được biết đến giá trị để bất cứ điều gì bạn muốn.

Trong trường hợp này, Tôi đã tạo ra một danh sách tùy chỉnh mà hình thức "mới" có vẻ như hiển thị:

Đây là hình thức mới cho một danh sách tùy chỉnh với mặc định tiêu đề cột và hai danh sách cột (không trang web cột; Tôi không nghĩ rằng nó sẽ làm cho bất kỳ sự khác biệt).

Mục tiêu là để gán một giá trị tùy ý vào trường, "DefaultMeFieldNoSpaces" (bạn có thể nói tôi là một chút của một kẻ hèn nhát với những điều "không gian" xảy ra, nhưng tôi gia vị nó lên ở phần cuối của bài viết này).

Này chút jQuery làm việc cho tôi:

<kịch bản loại ="text/javascript">

  $(chức năng() {

    $(' đầu vào[tiêu đề = DefaultMeFieldNoSpaces]').attr(
        {giá trị: ' Bạn đang trong một mê cung twisty đoạn, Tất cả như nhau.'});

  });

</kịch bản>

Theo tôi biết này chút jQuery nói, "tôi tìm thấy bất kỳ đầu vào từ khóa có tiêu đề = DefaultMeFieldNoSpaces. Sau đó, Đặt tất cả các giá trị của một cụm từ nổi tiếng từ một trò chơi máy tính cũ."

Kể từ khi có sẽ chỉ có một lĩnh vực hình thức với một tiêu đề bằng "DefaultMeFieldNoSpaces" chúng tôi là đảm bảo của việc gán một giá trị cho lĩnh vực đó và không khác.

Điều gì về một lĩnh vực có tên có không gian trong nó? Nó là gần như giống nhau:

<kịch bản loại ="text/javascript">

  $(chức năng() {
     $(' đầu vào[tiêu đề = gán lĩnh vực với không gian]').attr(
        {giá trị: ' Bạn đang trong một mê cung twisty đoạn, Tất cả như nhau.'});

  });

</kịch bản>

Tôi nghĩ rằng đây là một cách tiếp cận khá an toàn, có nghĩa là chúng tôi nên có thể tìm thấy chỉ là lĩnh vực và các lĩnh vực mà chúng tôi muốn chúng tôi muốn. Nếu bạn nhìn vào HTML SharePoint cho chúng tôi, nó là loại lộn xộn:

<đầu vào
Tên= "ctl00$ m$ g_bdb23c2c_fde7_495f_8676_69714a308d8e$ ctl00$ ctl04$ ctl02$ ctl00$ ctl00$ ctl04$ ctl00$ ctl00$ TextField"
loại= "văn bản"
maxlength= "255"
ID= "ctl00_m_g_bdb23c2c_fde7_495f_8676_69714a308d8e_ctl00_ctl04_ctl02_ctl00_ctl00_ctl04_ctl00_ctl00_TextField"
tiêu đề= "DefaultMeFieldNoSpaces"
lớp học= "ms-long"
/>

"tiêu đề" đứng ra như là một thuộc tính dễ nhận biết và hy vọng duy nhất để giúp chúng tôi xác định cột cụ thể mà chúng tôi muốn gán giá trị tùy ý của chúng tôi.

Đây là một khái niệm căn bản. Thiết lập một lĩnh vực trong một cách tùy ý như thế này không phải là đi để giành chiến thắng bất kỳ giải thưởng. Tuy nhiên, Nếu chúng ta muốn làm thú vị hơn hình thức cấp công cụ (mà tất cả chúng ta luôn luôn muốn làm, Tất nhiên, ngay sau khi chúng tôi kết thúc rửa các món ăn), như thay đổi giá trị của "lĩnh vực b" tự động dựa trên giá trị của "lĩnh vực một", chúng tôi (TÔI) cần phải tìm hiểu những điều.

Tôi nghĩ rằng chúng tôi có thể có tốt nhất để có được một giá trị thực sự hữu ích ở đây là thông qua các tiêu đề, tối thiểu cho trường văn bản. Có thể có một tốt hơn, đáng tin cậy hơn phương pháp tiếp cận. Nếu tôi tìm thấy nó, Tôi sẽ cập nhật các bài đăng này. Nếu bạn biết một cách tốt hơn, Xin vui lòng để lại một bình luận.</kết thúc>

</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