Rapide Et fasil: Kreye ou pwòp jQuery Sandbox pou SharePoint

Sa se yon lòt pòs li nan mwen seri ki ap sou kijan pou yo itilize jQuery ak SharePoint.
Si ou vle pou aprann plis sou jQuery, Mwen trè konseye: jQuery nan aksyon Bear Bibeault ak Yehuda Katz.

Comment an te kòmanse avèk jQuery nan SharePoint que fasil (nan mwen menm). (Mwen gen gwo kesyon ki gen rapo yon "meyè pratiques" approche pou bagay sa yo pou pwodiksyon, Men sa se pou yon lòt jou ankò). Mwen te jis te kòmanse jwe ak teknoloji sa a ak sa nèt, Mwen te kreye yon anviwònman ki sandbox pou yo itilize. Si ou gen je l ' pran an te kòmanse avèk jQuery, itil ou kapab jwenn apwòch sa a.

1. Kreye yon kote ki gen blanch

Kreye yon blanch kote ki gen kèk kote nan kote ki gen ou epi rele l' yon bagay pran pòz tankou "jQuery Sandbox".

2. Rale dosye jQuery

Ou kapab desann bibliyotèk javascript jQuery la soti isit la: http://docs.jquery.com/Downloading_jQuery

Mete sou kote sa a pou ou Bureau.

Mwen te itilize vèsyon pipiti de la "minified" youn.

3. Kreye yon dokiman SharePoint bibliyotèk

Nan direksyon sandbox ou, kreye yon dokiman bibliyotèk.

4. Télécharger la jQuery bibliyotèk pou SharePoint

Accès doktè bibliyotèk la ou fèk kreye Et téléchargement bibliyotèk jQuery la.

5. Kreye yon lis SharePoint Personnalisé

Mwen te gen an te kòmanse avèk yon lis repòtaj paske mwen vle pou muck ak fòmilè SharePoint estanda. Ou te kapab tou kreye yon paj nan yon paj bibliyotèk oubyen web pati nan paj ak pwobableman yon bann lòt kote.

Ajoute yon kolòn lis koutim konsa, ou gen yon bagay pou yo kouri jQuery kont. Objèktif inisyal m' te la pou:

  1. Sere yon jaden.
  2. Deziyen yon pri pou yon jaden.

Ak objektif sa nan tèt, Mwen te ajoute de jaden tèks. Sou tan, M ap jwe ak lyen, estati, recherches, ets.

6. Motifye pati nan paj entènèt NewForm.aspx e ajoute yon pati entènèt Contenu editè

Sa a se yon ti kras nwa magic-ish , sa se yon nouvo konsèp m '. M lan premye di osijè de sa soti nan Paul Grenier, SharePoint jQuery mizik rege, nan sit pwojè CodePlex li: http://spff.codeplex.com/.

Swiv sa etap sa yo pou ajoute CEWP yon paj menm ki montre ke NewForm.aspx pou yon lis personnalisé:

  1. Accès lis personnalisés Et Sur New.
  2. Ajouter sa kap vini an pou adrès entènèt la: PageView = Partagé&ToolPaneView = 2

Sa ap transfòme ou droit vani done antre fòm nan yon bagay tankou sa:

image

Pou sa:

image

Ajoute pati entènèt contenu editè paj la.

7. Ekri ou premye jQuery kòd

Louvri leve CEWP sa nan vi kòd a e ajoute swivan:

image

Isit la se kòd aktyèl la, si ou vle kopi/coller:

<script tip ="tèks/javascript"
    src ="../../jQuery Library/jquery-1.3.2.min.js">
</script>

<script tip ="tèks/javascript">
  $(fonksyon() {

    $('#resultsID').html('Genyen' + $(yon').taille() + 'yon baj baj nan paj sa a.');

  });
</script>

Rezilta:
<div didantite ='resultsID'></div>
/rezilta

Sa premye <script> etikèt qui bibliyotèk jQuery aktyèl la. Pwobableman, tout bagay sa chanje sou tan, Se konsa, ou ap vle si ke nou yon) sèvi ak bon non moun nan ak b) montre sa kòrèk SharePoint dokiman bibliyotèk la.

Se nan tout bèl pouvwa

Si nou te fè sa kòrèkteman, ou ap wè menm jan an pou swivan yon rezilta:

image

Conditionnement leve

Sa se pat sèl fason pou ka kòmanse, Men, rapide, fasil epi izole SharePoint anviwònman ki ekziste ou.

</fen>

Vous pou m' blog.

Swiv mwen sou Twitter nan http://www.twitter.com/pagalvin

2 refleksyon sou "Rapide Et fasil: Kreye ou pwòp jQuery Sandbox pou SharePoint

  1. sujith krish

    Èske ou te note ajoute ke CEWP editform.aspx nan ta kraze paj la ak vèsyon pipiti de youn enfòmasyon seksyon montre nan UI a? Nenpòt solutions pou sa?

    Si yon moun ?

    N. repons

kite yon repons

Adrès imèl ou pa pral dwe pibliye. Jaden obligatwa yo make *