Гэта яшчэ адно паведамленне ў маім бягучыя серыі аб тым, як выкарыстоўваць 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:
- Схаваць поле.
- Запісаць значэнне ў полі.
З гэтай мэтай на ўвазе,, 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 для любога карыстацкага спісу:
- Доступ да карыстацкага спісу і націсніце кнопку Стварыць.
- Дадайце наступныя радкі ў URL: Праглядах = Агульныя&ToolPaneView = 2
Гэта дасць магчымасць ператварыць ваш сумны ванілі ўводу дадзеных з формаў нешта накшталт гэтага:
Для гэтага:
Дадайце вэб-частка рэдактара змесціва на старонку.
7. Напісаць свой першы код JQuery
Адчыніце, што CEWP ва ўяўленні кода і дадайце наступны:
Вось рэальны код, калі вы хочаце скапіяваць / ўставіць:
<сцэнар "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.
Грэцца ў промнях славы
Калі вы зрабілі гэта правільна, Вы ўбачыце вынік, падобны на наступны:
Заключэнне
Гэта не адзіны спосаб, каб пачаць працу, але гэта хутка, easy and isolated from your existing SharePoint environment.
</канец>
Выконвайце за мной на Twitter у http://www.twitter.com/pagalvin
Have you noticed that adding CEWP in editform.aspx would break the page and version information section shows up in the UI? Any workarounds for this?
Anyone ?
Sorry for never responding. I hope you figured out your issue.