Cyflym a hawdd: Creu Eich Hun Pwll tywod jQuery ar gyfer SharePoint

Mae hyn yn swydd arall yn fy ar gyfres barhaol ar sut i ddefnyddio jQuery gyda SharePoint.
Os ydych chi eisiau dysgu mwy am jQuery, Rwyf yn argymell: jQuery ar Waith gan Bear Bibeault a Yehuda Katz.

Dechrau arni gyda jQuery yn SharePoint yn rhyfeddol o hawdd (i mi). (Oes gennyf cwestiynau difrifol am "arferion gorau" tuag at ddefnyddio pethau hyn i gynhyrchu, ond mae hynny'n ar gyfer diwrnod arall). Dim ond rwy wedi dechrau chwarae gyda'r dechnoleg hon ac i'r perwyl hwnnw, Rwyf wedi creu amgylchedd sandbox i ddefnyddio. Os ydych yn chwilio i ddechrau gyda jQuery, efallai y byddwch yn gweld hyn yn ddefnyddiol.

1. Creu Safle Blank

Creu safle wag yn rhywle yn eich safle a galw yn rhywbeth glyfar fel "Pwll tywod jQuery".

2. Download jQuery

Gallwch lwytho i lawr y llyfrgell javascript jQuery oddi yma: http://docs.jquery.com/Downloading_jQuery

Ac eithrio i ar eich bwrdd gwaith.

Yr wyf wedi bod yn defnyddio y "minified" fersiwn.

3. Creu SharePoint Llyfrgell Dogfennau

Yn eich safle pwll tywod, creu llyfrgell ddogfen.

4. Llwytho i fyny y Llyfrgell jQuery i SharePoint

Mynediad llyfrgell doc ydych newydd ei greu a llwytho i fyny y llyfrgell jQuery.

5. Creu Rhestr SharePoint Custom

Dwi wedi dechrau gyda rhestr bersonol oherwydd dymunaf tail â ffurfiau SharePoint safonol. Gallech hefyd greu tudalen mewn llyfrgell, tudalennau neu dudalennau gwe rhan ac, mae'n debyg, llawer o fannau eraill.

Rhai colofnau yn ychwanegu at y rhestr bersonol fel bod gennych rywbeth i redeg jQuery erbyn. Fy amcanion cychwynnol oedd:

  1. Cuddio maes.
  2. Neilltuo gwerth i gae.

Gyda amcan hwnnw mewn cof, Ychwanegais y ddau faes testun. Dros amser, Byddaf yn chwarae gyda chysylltiadau, delweddau, Daw wybodaeth, ac ati.

6. Addasu'r Rhan Web Page NewForm.aspx ac Ychwanegu Gwe Golygydd Cynnwys Rhan

Mae hyn ychydig yn ddu hud-ish , oherwydd ei fod yn gysyniad newydd i mi. Dysgais yn gyntaf am hyn o Paul Grenier, SharePoint jQuery Superstar, yn ei safle'r prosiect Codeplex: http://spff.codeplex.com/.

Dilynwch y camau hyn i ychwanegu CEWP at yr un dudalen sy'n dangos NewForm.aspx ar gyfer unrhyw restr arfer:

  1. Gael gweld y rhestr a chliciwch arfer Newydd.
  2. Atodi y canlynol i'r URL: Pageview = Rhannu&ToolPaneView = 2

A fydd yn trawsnewid eich ffurflen cofnodi data fanila diflas o rywbeth fel hyn:

image

I'r perwyl hwn,:

image

Ychwanegwch y we golygydd cynnwys rhan i'r dudalen.

7. Ysgrifennwch eich Cod jQuery yn Gyntaf

Agor i fyny y CEWP ym marn cod ac ychwanegwch y canlynol:

image

Dyma y cod gwirioneddol os ydych am gopi / past:

<sgript
    "Text / javascript"
    src =".. /.. / 20Library/jquery-1.3.2.min.js% jQuery">
</sgript>

<Math o sgript ="Text / javascript">
  $(swyddogaeth() {

    $('# ResultsID').html('Mae' + $('A').maint() + 'A tagiau tagiau ar y dudalen hon.');

  });
</sgript>

Canlyniad:
<div id ='ResultsID'></div>
/arwain

Noder bod y cyntaf <sgript> Mae tag yn cyfeirio at y Llyfrgell jQuery gwirioneddol. Mae'n debyg, pethau hyn yn newid dros amser, felly byddwch am wneud yn siŵr eich bod yn) defnyddio'r enw a b cywir) pwynt i'r llyfrgell ddogfen SharePoint gywir.

Torheulo yn y Glory

Os ydych yn gwneud hynny yn gywir, byddwch yn gweld canlyniad tebyg i'r canlynol:

image

Lapio Up

Nid yw hyn yn unig ffordd i roi cychwyn arni, ond mae'n gyflym, hawdd ac yn ynysig oddi wrth eich amgylchedd SharePoint presennol.

</diwedd>

Tanysgrifio i fy mlog.

Dilynwch fi ar Twitter yn http://www.twitter.com/pagalvin

Tagiau Technorati: ,

2 meddyliau ar "Cyflym a hawdd: Creu Eich Hun Pwll tywod jQuery ar gyfer SharePoint

  1. sujith krish

    Ydych chi wedi sylwi y byddai ychwanegu CEWP yn editform.aspx yn torri y dudalen a dengys adran gwybodaeth fersiwn yn UI? Unrhyw datrysiadau ar gyfer hyn?

    Unrhyw un ?

    Ateb

Ad a Ateb

Ni fydd eich cyfeiriad e-bost yn cael ei gyhoeddi. Meysydd gofynnol yn cael eu marcio *