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:
- Fshih një fushë.
- 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:
- Qasja listë me porosi dhe klikoni New.
- 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:
Për këtë:
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:
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:
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>
Atëherë ejani pas meje në Twitter në 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.