Tinkliaraštis

jQuery tai JavaScript biblioteka kuri gerokai palengvina programuotojui darbą kuriant internetines svetaines. Šią biblioteką galima puikiai panaudoti ir SharePoint svetainių tinkinimui. O kas svarbiausia tam net nereikia kreiptis į SharePoint sistemą prižiūrinčius administratorius. Svetainėse Integrating SharePoint 2007 and jQuery [Part One] bei Integrating SharePoint 2007 and jQuery [Part Two] yra iki smulkmenų aprašyta kaip tai galima atlikti. Jose paminėti keli būdai kaip integruoti jQuery į SharePoint svetainę bet praleistas dar paprastesnis variantas. Jums net nereikia parsisiųsti jQuery bibliotekos ir patalpinti jos savo puslapyje. Tuo pasirūpino Google Code komanda. Ji talpina naujausias jQuery versijas internete viešam naudojimui. Taigi, ką reikia atlikti norint pradėti tinkinti SharePoint naudojantis jQuery:

1. Norimame puslapyje reikia įterpti turinio rengyklės žiniatinklio dalį:

Iškviečiame puslapio redagavimo režimą

Renkamės "Įtraukti žiniatinklio dalį"

Pasirenkame "Turinio rengyklės žiniatinklio dalis" ir spaudžiame "Įtraukti"

Iškviečiam ką tik įterptos žiniatinklio dalies modifikavimą

Iškviečiame šaltinio rengyklę

2. Tada šaltinio rengyklėje įterpti sekančias eilutes:

<script type="text/javascript"
 src="http://ajax.googleapis.com/ajax/libs/jquery/1.2.6/jquery.js"></script>

Viskas! Toliau galima rašyti jQuery kodą. Pasinaudosime aukščiau minėtose svetainėse pavyzdžiu ir padarysim kad sąrašo eilutės keistų savo spalvą kai ant jų užvedama pelė.

Tam, žemiau prieš tai įterptos eilutės, įterpiame sekantį kodą:

<style type="text/css">
    .myRowHighlight
    {
        color: red;
        background-color: #FFCC66;
    }
</style>

<script>
    $(document).ready(function() {
        $("table[class='ms-listviewtable'] tr").hover
        (
            function() {
                $(this).addClass("myRowHighlight");
            },
            function() {
                $(this).removeClass("myRowHighlight");
            }
        );
    }
); 
</script>

Turime rezultatą:

Gyvai pamatyti veikiantį rezultatą galima čia demo.ibiuras.lt. Daugiau pavyzdžių ką galima atlikti naudojantis jQuery bei jo populiariu įskiepiu jQuery UI galima rasti čia.