ઝડપી અને સરળ: શેરપોઈન્ટ માટે તમારી પોતાની jQuery સેન્ડબોક્સ બનાવો

આ મારા બીજા પોસ્ટ છે શ્રેણી ચાલુ કેવી રીતે ઉપયોગ jQuery શેરપોઈન્ટ સાથે.
તમે jQuery વિશે વધુ જાણવા માંગો છો, તો, હું ખૂબ આગ્રહ રાખીએ છીએ: ઍક્શન માં jQuery બેર Bibeault અને Yehuda કેટ્ઝ દ્વારા.

શેરપોઈન્ટ માં jQuery સાથે પ્રારંભ મેળવી આશ્ચર્યજનક સરળ છે (મને). (હું ઉત્પાદન માટે આ વસ્તુઓ જમાવવા માટે "શ્રેષ્ઠ કાર્યો" અભિગમ વિશે ગંભીર પ્રશ્નો હોય, પરંતુ બીજા દિવસે માટે છે). 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, તમે આ અભિગમ ઉપયોગી શોધી શકો છો.

1. એક ખાલી સાઇટ બનાવો

તમારી સાઇટ ક્યાંક ખાલી સાઇટ બનાવો અને તેને "jQuery સેન્ડબોક્સ" જેવા હોંશિયાર કંઈક કૉલ.

2. JQuery ડાઉનલોડ કરો

તમે અહીં ના jQuery JavaScript લાઇબ્રેરી ડાઉનલોડ કરી શકો છો: http://docs.jquery.com/Downloading_jQuery

તમારા ડેસ્કટોપ માટે કે સાચવો.

હું "minified" સંસ્કરણનો ઉપયોગ કરવામાં આવી છે.

3. શેરપોઈન્ટ દસ્તાવેજ લાઇબ્રેરી બનાવો

તમારા સેન્ડબોક્સ સાઇટ, create a document library.

4. શેરપોઈન્ટ માટે jQuery લાઇબ્રેરી અપલોડ કરો

તમે હમણાં બનાવેલ દસ્તાવેજ લાઇબ્રેરી ઍક્સેસ અને jQuery લાઇબ્રેરી અપલોડ.

5. વૈવિધ્યપૂર્ણ શેરપોઈન્ટ યાદી બનાવો

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. એક ક્ષેત્ર છુપાવો.
  2. એક ક્ષેત્ર માટે કિંમત સોંપી.

ધ્યાનમાં કે ઉદ્દેશ સાથે, I added two text fields. સમય ઉપર, હું કડીઓ સાથે રમવાની આવશે, છબીઓ, લુકઅપો, વગેરે.

6. જો NewForm.aspx વેબ ભાગ પેજમાં બદલો અને સામગ્રી સંપાદક વેબ ભાગ ઉમેરો

આ થોડી કાળા જાદુ-જેવું છે , in that it’s a new concept to me. I first learned about this from પીડી Grenier, શેરપોઈન્ટ jQuery સુપરસ્ટાર, તેમના કોડપ્લેક્સ પ્રોજેક્ટ સાઇટ પર: http://spff.codeplex.com/.

કોઇપણ વૈવિધ્યપૂર્ણ યાદી માટે NewForm.aspx બતાવે છે કે જ પાનું માટે CEWP ઉમેરવા માટે આ પગલાંઓ અનુસરો:

  1. વૈવિધ્યપૂર્ણ યાદી ઍક્સેસ કરો અને નવી ક્લિક કરો.
  2. આ URL પર નીચેની ઉમેરો: પૃષ્ઠદૃય = વહેંચેલી&ToolPaneView = 2

આ કંઈક માંથી તમારી કંટાળાજનક વેનીલા ડેટા એન્ટ્રી ફોર્મ પરિવર્તન આવશે કે:

image

આ કરવા માટે,:

image

આ પાનું માટે સામગ્રી સંપાદક વેબ ભાગ ઉમેરો.

7. તમારું પ્રથમ jQuery કોડ લખો

FIPS એ દૃશ્ય છે કે CEWP ખોલો અને નીચેની ઉમેરો:

image

તમે પેસ્ટ કરો / નકલ કરવા માંગો છો, તો અહીં વાસ્તવિક કોડ છે:

<લિપિ
    "text/javascript"
    src ="../../jQuery%20Library/jquery-1.3.2.min.js">
</લિપિ>

<સ્ક્રિપ્ટ પ્રકાર ="text/javascript">
  $(કાર્ય() {

    $('# ResultsID').HTML('છે' + $('એ').કદ() + 'આ પાનાં પર ટૅગ્સ ટૅગ્સ.');

  });
</લિપિ>

પરિણામ:
<DIV id ='ResultsID'></div>
/પરિણામ

નોંધ કરો કે પ્રથમ <લિપિ> tag is referencing the actual jQuery library. Presumably, આ વસ્તુઓ સમય બદલાતો, જેથી તમે ખાતરી બનાવવા માંગો છો પડશે) જમણી નામ અને બોલ્ડ ઉપયોગ) યોગ્ય શેરપોઈન્ટ દસ્તાવેજ લાઇબ્રેરી તે નિર્દેશ.

જો ગ્લોરી માં તડકાનો આનંદ લેવો

તમે યોગ્ય હતી તો, તમે નીચેના જેવી જ પરિણામ જોવા મળશે:

image

ઉપર વીંટવાનું

આ પ્રારંભ કરવા માટે માત્ર રસ્તો નથી, પરંતુ તે ઝડપી છે, easy and isolated from your existing SharePoint environment.

</અંત>

મારા બ્લોગ પર સબ્સ્ક્રાઇબ કરો.

Twitter પર મને ખાતે અનુસરો http://www.twitter.com/pagalvin

del.icio.us ટૅગ્સ: ,

2 પર "વિચારોઝડપી અને સરળ: શેરપોઈન્ટ માટે તમારી પોતાની jQuery સેન્ડબોક્સ બનાવો

જવાબ છોડો

તમારું ઇમેઇલ સરનામું પ્રકાશિત કરવામાં આવશે નહીં. જરૂરી ક્ષેત્રો ચિહ્નિત થયેલ છે *