Tapaidh agus éasca: Cruthaigh Do Bosca Gainimh jQuery Féin do SharePoint

Tá an post seo ceann eile i mo ar siúl go leanúnach sraith ar conas é a úsáid jQuery le SharePoint.
Más mian leat níos mó eolas faoi jQuery fhoghlaim, Molaim go mór: jQuery i nGníomh ag Bear Bibeault agus Yehuda Katz.

Dul tús le jQuery i SharePoint is ionadh éasca (dom). (Agam an bhfuil ceisteanna tromchúiseacha faoi "dea-chleachtais" cur chuige chun imscaradh na rudaí seo a tháirgeadh, ach sin do lá eile). 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, Is féidir leat teacht ar an gcur chuige seo úsáideach.

1. Cruthaigh Láithreán Blank

Cruthaigh láithreán bán áit éigin i do shuíomh agus a ghlaoch air rud éigin cliste cosúil le "Bosca Gainimh jQuery".

2. Íosluchtaigh jQuery

Is féidir leat íoslódáil an leabharlann javascript jQuery ó anseo: http://docs.jquery.com/Downloading_jQuery

Sábháil go dtí do dheasc.

Bhí mé ag baint úsáide as an "minified" leagan.

3. Cruthaigh Leabharlann Doiciméad SharePoint

I do láithreán bosca gainimh, create a document library.

4. Leabharlann jQuery uaslódáil chuig SharePoint

Rochtain ar an leabharlann doc chruthaigh tú díreach agus uaslódáil an leabharlann jQuery.

5. Cruthaigh Liosta SharePoint Chustaim

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. Folaigh réimse.
  2. Shannadh luach le réimse.

Le cuspóir sin san áireamh, I added two text fields. Le himeacht ama, Beidh mé ag imirt le naisc, íomhánna, lookups, etc.

6. Athraigh an Chuid Gréasáin NewForm.aspx Page agus Cuir Ábhar Eagarthóir Gréasáin Cuid

Is é seo an dubh beag draíochta-ish , in that it’s a new concept to me. I first learned about this from Paul Grenier, SharePoint jQuery Superstar, ar a suíomh tionscadal CodePlex: http://spff.codeplex.com/.

Lean na céimeanna seo a CEWP a chur leis an leathanach céanna go léiríonn NewForm.aspx le haghaidh aon liosta saincheaptha:

  1. Rochtain ar an liosta saincheaptha agus cliceáil Nua.
  2. Seo a leanas i gceangal leis an URL: PageView = Roinnte&ToolPaneView = 2

Beidh an athrú d'fhoirm iontrála sonraí fanaile leadránach ó rud éigin mar seo:

image

Chun é seo a:

image

Cuir an t-ábhar mar chuid gréasáin eagarthóir ar an leathanach.

7. Scríobh Do Cód jQuery Chéad

Oscail suas go CEWP san amharc cód agus cuir an méid seo a leanas:

image

Seo an cód iarbhír más mian leat a chóipeáil / greamaigh:

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

<Cineál script ="text/javascript">
  $(fheidhm() {

    $('# ResultsID').html('Tá' + $('A').méid() + 'A clibeanna clibeanna ar an leathanach seo.');

  });
</script>

Toradh:
<div id ='ResultsID'></div>
/mar thoradh ar

Tabhair faoi deara go bhfuil an chéad <script> tag is referencing the actual jQuery library. Presumably, athrú ar na rudaí seo le himeacht ama, ionas go mbainfidh tú ag iarraidh a dhéanamh cinnte go bhfuil tú a) úsáid a bhaint as an t-ainm ceart agus b) sé pointe go dtí an leabharlann doiciméad ceart SharePoint.

Bask in glory

Má rinne tú é i gceart, Feicfidh tú a fheiceáil toradh cosúil leis an méid seo a leanas:

image

Timfhilleadh Suas

Ní hé seo an bealach amháin chun tús a chur, ach tá sé tapa, easy and isolated from your existing SharePoint environment.

</deireadh>

Liostáil le mo bhlag.

Lean mé ar Twitter ag http://www.twitter.com/pagalvin

Clibeanna Technorati: ,

del.icio.us Clibeanna: ,

2 smaointe ar "Tapaidh agus éasca: Cruthaigh Do Bosca Gainimh jQuery Féin do 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 ?

    Freagra

Leave a Reply

Ní thabharfar do sheoladh r-phoist a fhoilsiú. Réimsí riachtanacha atá marcáilte *