Хутка і лёгка: Стварыце свой уласны Sandbox JQuery для SharePoint

Гэта яшчэ адно паведамленне ў маім бягучыя серыі аб тым, як выкарыстоўваць JQuery з SharePoint.
Калі вы хочаце даведацца больш пра JQuery, Я настойліва рэкамендую: JQuery у дзеянні Мядзведзь па Bibeault і Іегуда Кац.

Пачатак працы з JQuery ў SharePoint на здзіўленне лёгка (мне). (У мяне ёсць сур'ёзныя пытанні з нагоды "лепшай практыкі" падыход да разгортвання гэтых рэчаў да вытворчасці, але гэта на другі дзень). I’ve just started playing with this technology and to that end, I created a sandbox environment to use. If you’re looking to get started with jQuery, Вы можаце знайсці гэты падыход карысным.

1. Стварэнне пустога сайта

Стварыце новы сайт дзесьці на Вашым сайце, і называюць гэта нешта разумнае, як "JQuery Пясочніца».

2. Спампаваць JQuery

Вы можаце спампаваць бібліятэку JQuery JavaScript адсюль: http://docs.jquery.com/Downloading_jQuery

Захаваць, што на ваш працоўны стол.

Я выкарыстоўваю "паменшаная" версія.

3. Стварэнне бібліятэк дакументаў SharePoint

У вашай пясочніцы сайт, create a document library.

4. Загрузіце JQuery бібліятэкі SharePoint

Доступ у бібліятэку дакумент вы толькі што стварылі і загрузіць бібліятэку JQuery.

5. Стварэнне карыстацкага спісу SharePoint

I’ve started with a custom list because I want to muck about with standard SharePoint forms. You could also create a page in a pages library or web part pages and probably a lot of other places.

Add some columns to the custom list so that you have something to run jQuery against. My initial objectives were to:

  1. Схаваць поле.
  2. Запісаць значэнне ў полі.

З гэтай мэтай на ўвазе,, I added two text fields. Праз некаторы час, Я буду гуляць са спасылкамі, выявы, пошук, і г.д..

6. Змяніць NewForm.aspx старонку вэб-часткі і дадаць вэб-частка рэдактара змесціва

Гэта крыху чорнай магіі иш , in that it’s a new concept to me. I first learned about this from Поль Гренье, SharePoint JQuery Superstar, на яго сайце праекту CodePlex: http://spff.codeplex.com/.

Выканайце наступныя крокі, каб дадаць CEWP на тую ж старонку, якая паказвае NewForm.aspx для любога карыстацкага спісу:

  1. Доступ да карыстацкага спісу і націсніце кнопку Стварыць.
  2. Дадайце наступныя радкі ў URL: Праглядах = Агульныя&ToolPaneView = 2

Гэта дасць магчымасць ператварыць ваш сумны ванілі ўводу дадзеных з формаў нешта накшталт гэтага:

image

Для гэтага:

image

Дадайце вэб-частка рэдактара змесціва на старонку.

7. Напісаць свой першы код JQuery

Адчыніце, што CEWP ва ўяўленні кода і дадайце наступны:

image

Вось рэальны код, калі вы хочаце скапіяваць / ўставіць:

<сцэнар
    "text/javascript"
    SRC ="../../jQuery%20Library/jquery-1.3.2.min.js">
</сцэнар>

<Сцэнар тыпу ="text/javascript">
  $(функцыя() {

    $('# ResultsID ").HTML("Ёсць" + $("А").памер() + "Пазнакі Пазнакі на гэтай старонцы.);

  });
</сцэнар>

Вынік:
<DIV ID ="ResultsID"></спраў>
/вынік

Адзначым, што першыя <сцэнар> tag is referencing the actual jQuery library. Presumably, гэтыя рэчы змяняюцца з цягам часу, так што вы хочаце, каб пераканацца,) выкарыстоўваць правільнае імя і б) накіраваць яго на правільны бібліятэцы дакументаў SharePoint.

Грэцца ў промнях славы

Калі вы зрабілі гэта правільна, Вы ўбачыце вынік, падобны на наступны:

image

Заключэнне

Гэта не адзіны спосаб, каб пачаць працу, але гэта хутка, easy and isolated from your existing SharePoint environment.

</канец>

Падпісацца на мой блог.

Выконвайце за мной на Twitter у http://www.twitter.com/pagalvin

Technorati Тэгі: ,

Пазнакі del.icio.us: ,

2 думкі пра «Хутка і лёгка: Стварыце свой уласны Sandbox JQuery для SharePoint

Пакінуць каментар

Ваш электронны адрас не будзе апублікаваны. Абавязковыя палі пазначаныя * *