Quick dhe Easy: Krijo Own Sandbox juaj jQuery për SharePoint

Kjo është një tjetër post në tim në vazhdim seri e se si të përdorin jQuery me SharePoint.
Nëse doni të mësoni më shumë në lidhje me jQuery, I highly recommend: jQuery në Veprim nga Bear Bibeault dhe Yehuda Katz.

Getting filloi me jQuery në SharePoint është çuditërisht e lehtë (mua). (Unë kam pyetje serioze në lidhje me një qasje të "praktikave më të mira" për vendosjen këto gjëra për të prodhimit, por kjo është për një ditë tjetër). 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, ju mund të gjeni këtë qasje e dobishme.

1. Krijo një Site Blank

Krijo një faqe bosh diku në faqen tuaj dhe e quajti atë si diçka e zgjuar "Sandbox jQuery".

2. Shkarko jQuery

Ju mund të shkarkoni bibliotekën jQuery javascript nga këtu: http://docs.jquery.com/Downloading_jQuery

Save se për të desktop tuaj.

Unë kam qenë duke përdorur "" versionin minified.

3. Krijo një SharePoint Library Document

Në faqen tuaj sandbox, create a document library.

4. Ngarko Bibliotekën jQuery për SharePoint

Qasja bibliotekën doc keni krijuar vetëm dhe ngarkoni bibliotekën jQuery.

5. Krijo një listë me porosi 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. Fshih një fushë.
  2. Cakto një vlerë në një fushë.

Me këtë objektiv në mendje, I added two text fields. Over time, Unë do të luajnë me lidhje, images, Lookups, etj.

6. Ndrysho NewForm.aspx Part Web page and Shto një redaktor Content Pjesa Web

Kjo është një magji pak të zi-ish , in that it’s a new concept to me. I first learned about this from Paul Grenier, SharePoint jQuery Superstar, CodePlex në faqen e tij të projektit: http://spff.codeplex.com/.

Ndiqni këto hapa për të shtuar një CEWP të njëjtën faqe që tregon NewForm.aspx për ndonjë listë me porosi:

  1. Qasja listë me porosi dhe klikoni New.
  2. Append e mëposhtme për URL: Pageview = Shared&ToolPaneView = 2

Kjo do të transformojë mërzitshëm tuaj të të dhënave vanilje formularin e hyrjes nga diçka si kjo:

image

Për këtë:

image

Shto editor përmbajtje pjesën web tek faqja.

7. Shkruani Kodi juaj e parë jQuery

Open up se CEWP në pamje të kodit dhe të shtoni në vijim:

image

Këtu është kodi aktual në qoftë se ju doni të kopje / paste:

<dorëshkrim
    "text/javascript"
    src ="../../jQuery%20Library/jquery-1.3.2.min.js">
</dorëshkrim>

<Lloji script ="text/javascript">
  $(funksion() {

    $('ResultsID #').html('Ka' + $('A').madhësi() + 'A tags tags në këtë faqe.');

  });
</dorëshkrim>

Pasojë:
<div id ='ResultsID'></div>
/pasojë

Re se pare <dorëshkrim> tag is referencing the actual jQuery library. Presumably, këto gjëra ndryshojnë me kalimin e kohës, kështu që ju do të dëshironi të bëni të sigurt që një) përdorin emrin e duhur dhe b) pikë atë në bibliotekë dokument SharePoint saktë.

Bask në lavdinë

Nëse ju e bëri atë të saktë, ju do të shihni një rezultat të ngjashëm në vijim:

image

Duke Up

Kjo nuk është e vetmja mënyrë për të marrë filluar, por është e shpejtë, easy and isolated from your existing SharePoint environment.

</fund>

Abonohen në blogun tim.

Atëherë ejani pas meje në Twitter në http://www.twitter.com/pagalvin

2 mendime mbi "Quick dhe Easy: Krijo Own Sandbox juaj jQuery për SharePoint

  1. sujith krish

    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 ?

Lini një Përgjigju

Adresa juaj e emailit nuk do të publikohet. Fusha e kërkuar janë shënuar *