Dette er en annen post i min pågående serien om hvordan du bruker jQuery med SharePoint.
Hvis du vil lære mer om jQuery, Jeg anbefaler: jQuery i aksjon Bjørn Bibeault og Yehuda Katz.

En av de første tingene jeg trodde, Når jeg begynte å spille med jQuery, var om vi kunne bruke den til å sikre en SharePoint-visning. Svaret er "nei" (eller i det minste, Jeg er ikke hevde at det er mulig). Men, Det er sikkert mulig å gjøre det vanskelig for folk å se en bestemt visning.

Jeg startet med min sandbox miljøet når arbeider på denne. Jeg skrev om miljøet her: Rask og enkel: Opprette din egen jQuery Sandbox for SharePoint.

Å "sikre" en visning, Bruk denne fremgangsmåten:

1. Opprette en visning du vil sikre. Jeg gjorde det, og kalte det "Sikret View".

   Dette er hvordan det ser ut når den ikke er "sikret":

   

2. Legge til en webdel for innholdsredigering i visningen side ved hjelp av kunsten beskrevet i sandbox artikkel (dvs.. legge til "sidevisning = delt&ToolPaneView = 2" til URL).
3. Regne ut din SharePoint-_spUserId ved følgende fremgangsmåte gal, tro eller ikke:
   1. Logg i SharePoint-miljøet.
   2. I nettleseren adressefelt, type: "javascript:varsel(_spUserId").
   3. Registrere resultatet (Det er "13" i mitt tilfelle).

      

4. Legge til følgende javascript i din CEWP i kodevisning:
   
   

   <script type ="text/javascript" src =".. /.. /jQuery Library/jQuery-1.3.2.min.js"> </skriptet> <script type ="text/javascript"> $(funksjonen() { varsel(_spUserId); var theSecuredView = $(' iframe[FilterLink * = sikret % 20View]'); Hvis ((theSecuredView.length > 0) && (_spUserId == 13)) $(' iframe[FilterLink * = sikret % 20View]').overordnede().overordnede().overordnede().HTML("<St bgcolor = rød><TD>Ingen visning for deg!</TD></tr>"); }); </skriptet>

Jeg har tatt som(_spUserId) linjen i det å demonstrere hvordan dette er ikke egentlig en "sikring" en visning, men bare gjør det vanskeligere å se. Mer om det i et øyeblikk.

I utgangspunktet, jQuery er på utkikk etter en iFrame på siden som har attributtet som inneholder "Sikret % 20View" i verdien. Når den finner det, vi se om gjeldende bruker er "13". Hvis det er, Vi går opp DOM til en <TR> Tag (som jeg har funnet ut, ved å vise kilde og sporing det) og deretter erstatte TR koden med min melding. Jeg vet ikke hvordan robust dette er (Jeg er veldig mistenksom, faktisk), men det virket i sandbox min. Hvis jeg finner en bedre måte, Jeg skal blogg om det.. Dette er resultatet:

Jeg klikker på knappen OK og dataene er erstattet med en stor rød melding:

Som du kan fortelle, måten jeg implementere "sikkerhet" løsningen er å tillate webdelen for å gjøre seg selv. Når den er ferdig, Jeg overskrive innholdet med min "ingen mening for deg!"melding.

Til tross for det faktum at det ikke er egentlig en "sikret '" visning, Det er potensielt nyttig og med noen smart arbeid, Det kan til slutt være sikret på en mer formell måte. Det grunnleggende problemet er at klienten blir alle data og deretter, bare når det blir dataene, det tørker den ut. Hvis klienten får dataene, en smart bruker kan hindre jQuery i å kjøre i det hele tatt og se hva han ønsker å se.

Det er andre ulemper. Denne "sikkerhet" er basert på en _spUserId. Vi ønsker å virkelig sikker basert på modellen for sikkerhet på full SharePoint, eller i det minste av brukernavn. Det blir stadig vanskeligere, men jeg ser noen gode ting som er skrevet på dette emnet, så jeg er håpefull det er et godt svar på det problemet.

Listen over visninger selv skal kuttes, Hvis mulig. Jeg har ikke prøvd å finne ut. Jeg antar det er mulig, men ikke virkelig oppklare grunnleggende sikkerhetsspørsmål fordi noen kan fortsatt bare skrive inn URL-Adressen til visningen som de ønsker (Hvis de visste det). Men, trimming fornuftig. Det er en god brukervennlighet funksjon og det hjelper for å obfuscate ting. Hvis sluttbrukeren ikke vet at hendelsen visningen finnes, de vil ikke sannsynligvis prøve å bruke den. Noen ganger, Det er god nok.

Med hell, Jeg vil ha mer å skrive om dette temaet over tid.

</slutten>

Abonner på bloggen min.

Følg meg på Twitter på http://www.twitter.com/pagalvin

Dette er en annen post i min pågående serien om hvordan du bruker jQuery med SharePoint.
Hvis du vil lære mer om jQuery, Jeg anbefaler: jQuery i aksjon Bjørn Bibeault og Yehuda Katz.

Tidligere, Jeg skrev om hvordan du bruker jQuery å finne og skjule et tekst-felt i et skjema. Jeg likte den bestemte tilnærmingen (Jeg var chaining foreldre-det er bare ikke gjort disse dager, minst i familier av kvalitet).

Da jeg først begynte å tenke på det, Jeg visste at jeg trengte å finne en <TR> som jeg starte Skjul() metoden. Min tidlige forsøk på å finne riktig <TR> var noe som dette:

$(' St:har(inngang[tittel = gjemme meg!])');

Problemet med det er at det vil finne hver <TR> kode som hadde en overordnet relasjon til skinnet meg! feltet, Selv om gjemme meg! er nestet mange nivåer dypt i <TR>er. Det viser seg at min sandbox-skjemaet, uttrykket finner 9 forskjellige St som har gjemme meg! som barn sted i sin DOM treet. Jeg innså at jeg kunne gå tilbake opp tre fra input-feltet selv, så det er hvordan jeg endte opp misbruker foreldre, men det sitter ikke godt med meg.

Jeg ga noen trodde dette og en av tingene jeg leste endelig fornuftig: Jeg kunne bruke ikke() metoden for å klippe ut <TR>er jeg ikke ønsker i min pakket sett. Som førte meg til dette:

$(' St:har(inngang[tittel = gjemme meg!])').ikke(' St:har(tr)').Skjul();

Den første bit finner alle de <TR> koder som har gjemme meg! feltet hvor som helst i egne hierarki. Den så strimler ut noen <TR> Det har også et barn <TR>. Dette etterlater oss med en enkelt <TR> som:

1) Har ingen <TR> underordnede poster

2) Har inndatafeltet som barn.

Vi kan da bruke Skjul() metoden å det resulterende satt og vi er ferdig.

Jeg er fortsatt litt nervøs for dette, men ikke så nervøs som kjeding foreldre.

Jeg vet ikke om dette er en beste praksis eller ikke. Det kan være en mer passende måte å identifisere bare de <TR> at vi bryr oss om i et SharePoint-skjema. Hvis du vet, Vennligst legg inn en kommentar.

</slutten>

Abonner på bloggen min.

Følg meg på Twitter på http://www.twitter.com/pagalvin

Dette er en annen post i min pågående serien om hvordan du bruker jQuery med SharePoint.
Hvis du vil lære mer om jQuery, Jeg anbefaler: jQuery i aksjon Bjørn Bibeault og Yehuda Katz.

OPPDATERINGEN (allerede!): Jeg tror en bedre måte å finne den <TR> koden jeg vil skjule og skrev om det her. Du kan fortsatt finne denne artikkelen interessant allikevel så jeg leavnig den opp.

Jeg vil skjule et tekstfelt, "Skjul meg!"som vist:

‘

Følgende jQuery gjør utslaget for meg:

<script type ="text/javascript">

  $(funksjonen() {


    $(' input[tittel = gjemme meg!]').overordnede().overordnede().overordnede().Skjul();

  });

</skriptet>

Koden sier, "Finn meg alle innspill felt hvis tittel = gjemme meg!. Deretter, få sin overordnede og deretter overordnede og * neste * overordnede (Phew!) og påkalle Skjul() metoden på ting, hva det skulle.

Jeg fant ut at overordnede struktur ved å vise HTML for skjemaet som SharePoint opprettet som vist:

<TR>
    <TD nowrap= "true" VAlign= "topp" bredde= "190px" klassen= "ms-formlabel">
        <H3 klassen= "ms-standardheader">
            <nobr>Skjule meg!</nobr>
        </H3>
    </TD>

    <TD VAlign= "topp" klassen= "ms-formbody" bredde= "400 piksler">
        <!-- Feltnavn = "Skjul meg!"
                 FieldInternalName = "Hide_x0020_Me_x0021_"
                 FieldType = "SPFieldText"
        -->
        <utstrekningen dir= "ingen">
            <inngang
                navn= "ctl00$ m$ g_bdb23c2c_fde7_495f_8676_69714a308d8e$ ctl00$ ctl04$ ctl02$ ctl00$ ctl00$ ctl04$ ctl00$ ctl00$ TextField"
                type= "tekst"
                MaxLength= "255"
                ID= "ctl00_m_g_bdb23c2c_fde7_495f_8676_69714a308d8e_ctl00_ctl04_ctl02_ctl00_ctl00_ctl04_ctl00_ctl00_TextField"
                tittel= "Skjul meg!"
                klassen= "ms lang" />
                <br>
        </utstrekningen>


    </TD>
</TR>

Dette bildet viser den samme, men merket med foreldrene:

Den første overordnet (1) en span kode. Spans overordnede (2) en TD kode og så til slutt får vi virkelige overordnede jeg vil skjule (3) som er TR koden selv.

Dette er en ganske forferdelig tilnærming jeg tror fordi det er svært avhengige av spesielle strukturen av dette skjemaet. Når SharePoint 2010 kommer ut, Denne hele strukturen kan endre og bryte denne tilnærmingen. Hva jeg virkelig ønsker å gjøre er lage en jQuery selector som er langs linjene av "finne meg alle St (og bare TR koder) som har et sted i deres underordnede elementer et inndatafelt hvis tittel = gjemme meg!”. Jeg starter fra bunnen og flytte opp. Antar jeg finne dette ut, Jeg skal legge inn en oppdatert "rask og enkel ' stolpe.

</slutten>

Abonner på bloggen min.

Følg meg på Twitter på http://www.twitter.com/pagalvin

Dette er en annen post i min pågående serien om hvordan du bruker jQuery med SharePoint.
Hvis du vil lære mer om jQuery, Jeg anbefaler: jQuery i aksjon Bjørn Bibeault og Yehuda Katz.

Komme i gang med jQuery i SharePoint er overraskende lett (til meg). (Jeg har alvorlige spørsmål om en "best praksis" tilnærming til å distribuere disse ting til produksjon, men det er for en annen dag). Jeg har nettopp begynt å spille med denne teknologien og at, Jeg opprettet en sandkasse miljø å bruke. Hvis du ønsker å komme i gang med jQuery, du finner dette nyttig.

1. Opprette et tomt område

Opprette et tomt område et sted på området og kaller det noe smart som "jQuery Sandbox".

2. Last ned jQuery

Du kan laste ned jQuery javascript biblioteket fra her: http://docs.jquery.com/Downloading_jQuery

Lagre det på skrivebordet.

Jeg har brukt den "minified" versjonen.

3. Opprette et SharePoint-dokumentbibliotek

På webområdet sandkasse, Opprett et dokumentbibliotek.

4. Laste jQuery biblioteket til SharePoint

Åpne doc biblioteket du nettopp opprettet og laste opp jQuery biblioteket.

5. Opprette en egendefinert SharePoint-liste

Jeg har begynt med en egendefinert liste fordi jeg ønsker å muck om med standard SharePoint-skjemaer. Du kan også opprette en side i sider-biblioteket eller webdel-sider og sannsynligvis mange andre steder.

Legge til noen kolonner i den egendefinerte listen slik at du har noe å kjøre jQuery mot. Mitt første mål var å:

1. Skjule et felt.
2. Tilordne en verdi til et felt.

Med dette målet i tankene, Jeg har lagt to tekstfelt. Over tid, Jeg skal spille med koblinger, bilder, oppslag, osv..

6. Endre NewForm.aspx webdel-siden og legge til en webdel for innholdsredigering

Dette er en liten svart magic-ish , i at det er et nytt konsept for meg. Jeg først hørte om dette fra Paul Grenier, SharePoint jQuery Superstar, på hans CodePlex prosjektområde: http://spff.codeplex.com/.

Følg denne fremgangsmåten for å legge til en CEWP på samme side som viser NewForm.aspx for en egendefinert liste:

1. Tilgang til den egendefinerte listen og klikk ny.
2. Legg følgende til URL: Sidevisning = delte&ToolPaneView = 2

Som vil forandre din kjedelig vanilje dataregistreringsskjema fra noe som dette:

Dette:

Legge til webdelen for innholdsredigering på siden.

7. Skrive din første jQuery koden

Åpne opp som CEWP i kode-visning og legge til følgende:

Her er den faktiske koden hvis du vil lime inn:

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

<script type ="text/javascript">
  $(funksjonen() {

    $('#resultsID').HTML("Det er" + $("a").størrelse() + "en tags koder på denne siden.");

  });
</skriptet>

Resultatet:
<div id ='resultsID'></div>
/resultatet

Merk at først <skriptet> kode refererer faktisk jQuery biblioteket. Antagelig, disse tingene endres over tid, så må du sørge for at du en) bruke riktig navn og b) Pek til riktig SharePoint-dokumentbiblioteket.

Snakk

Hvis du gjorde det riktig, du vil se et resultat som ligner på følgende:

Innpakning opp

Dette er ikke den eneste måten å komme i gang, men det er rask, lett og isolert fra eksisterende SharePoint-miljøet.

</slutten>

Abonner på bloggen min.

Følg meg på Twitter på http://www.twitter.com/pagalvin