Azkarra eta erraza: Sortu zure SharePoint jQuery Norberak Sandbox

Hau nire post bat da serie-on going nola erabili jQuery SharePoint batera.
Nahi duzun jQuery buruz gehiago jakin nahi baduzu, Gomendatzen dut oso: Ekintza jQuery Bear Bibeault eta Yehuda Katz arabera.

SharePoint en jQuery hasi Getting harrigarriro erraza (me). (Izan dut "jardunbide egokiak" gauza horiek zabaltzeko, ekoizpen hurbilketa buruzko galdera larriak, baina hori beste egun baterako da). 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, aurkituko planteamendu hau erabilgarria izango duzu.

1. Sortu Blank Site bat

Sortu hutsik gune nonbait zure gune eta deitu zerbait "Sandbox jQuery" clever.

2. Deskarga jQuery

The jQuery javascript liburutegia deskargatu ahal izango duzu hemendik: http://docs.jquery.com/Downloading_jQuery

Gorde zure mahaigainera.

Izan dut "minified" bertsioa erabiltzen.

3. Sortu SharePoint Dokumentu liburutegia

Zure sandbox gunean, create a document library.

4. Igo jQuery Liburutegia to SharePoint

Access the doc library you just created and upload the jQuery library.

5. Create a Custom SharePoint List

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. Hide a field.
  2. Assign a value to a field.

With that objective in mind, I added two text fields. Denborarekin, I’ll be playing with links, images, lookups, etc.

6. Modify the NewForm.aspx Web Part Page and Add a Content Editor Web Part

This is a little black magic-ish , in that it’s a new concept to me. I first learned about this from Paul Grenier, SharePoint jQuery Superstar, at his CodePlex project site: http://spff.codeplex.com/.

Follow these steps to add a CEWP to the same page that shows NewForm.aspx for any custom list:

  1. Access the custom list and click New.
  2. Append the following to the URL: PageView=Shared&ToolPaneView=2

Hau zure aspergarria bainila datuak emateko eraldatuko honen antzeko zerbait tik:

image

Honetan:

image

Gehitu edukia editore parte web orrian.

7. Idatzi zure lehen jQuery Código

Ireki CEWP kodea duten ikuspegia, eta honako hauek gehitu:

image

Hemen benetako kodea da nahi duzun / kopiatu itsatsi bada:

<script
    "text/javascript"
    src ="../../jQuery Library/jquery-1.3.2.min.js">
</script>

<script mota ="text/javascript">
  $(funtzioa() {

    $('# ResultsID').html('Daude' + $('A').tamaina() + 'Orrialde honen tags tags bat izan da.');

  });
</script>

Emaitza:
<div id ='ResultsID'></div>
/ondorioz,

Kontuan izan lehenengo <script> tag is referencing the actual jQuery library. Presumably, gauza horiek denboran zehar aldatu, beraz nahi duzula bat egin beharko duzu) erabiltzeko eskubidea izena eta b) seinalatuko da zuzena SharePoint Dokumentu liburutegia.

Glory en Euskal

Egin baduzu behar bezala, Ondorioz, honako antzekoa ikusiko duzu:

image

Up biltzeko

Hau ez da modu bakarra Hasteko, baina azkar da, easy and isolated from your existing SharePoint environment.

</amaiera>

Nire blog Harpidetu.

Follow me on Twitter http://www.twitter.com/pagalvin

2 buruzko gogoeta "Azkarra eta erraza: Sortu zure SharePoint jQuery Norberak Sandbox

  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 ?

    Erantzun

Utzi iruzkin bat

Zure e-posta helbidea ez da argitaratuko. Beharrezko eremuak markatu dira *