Tämä on toinen viesti minun meneillään sarja Miten käyttää jQuery SharePoint.
Jos haluat lisätietoja jQuery, Suosittelen: jQuery toiminto Bear Bibeault ja Yehuda Katz.

Yksi ensimmäisistä asioista olen ajatellut, Kun aloin pelata noin kanssa jQuery, tehty, onko voisimme käyttää sitä varmistaa SharePoint-näkymää. Vastaus on "ei" (tai ainakin, En väitä on mahdollista). Kuitenkin, on varmasti mahdollista vaikeuttaa erityisesti tarkastella.

Aloitin sandbox-ympäristöä, kun työtä tämän. Kirjoitin siitä, että ympäristö: Nopea ja helppo: Luo oma jQuery hiekkalaatikko SharePoint.

Jotta "secure" näkymä, toimi seuraavasti:

1. Luo näkymä, jonka haluat suojata. Tein niin ja kutsui sitä "Vakuutena View".

   Tämä on miltä se näyttää, kun se ei ole "suojattu":

   

2. Sisällön muokkaus-web-osan lisääminen kohteleva puijata hiekkalaatikko artikkelissa kuvattu näkymäsivu (ts. Lisää "näyttökertojen = jaettu&ToolPaneView = 2 URL).
3. Selvittää SharePoint-_spUserId hullu seuraavasti, usko tai älä:
   1. Kirjautua SharePoint-ympäristöön.
   2. Web-selaimen osoitekenttään, tyyppi: "javascript:hälytys(_spUserId").
   3. Tietueen tulos (se on "13" minun tapauksessani).

      

4. Lisää seuraava javascript CEWP koodi-näkymässä:
   
   

   <komentosarjan tyyppi ="text/javascript" src =".. /.. /jQuery Library/jQuery-1.3.2.min.js"> </Script> <komentosarjan tyyppi ="text/javascript"> $(funktio() { hälytys(_spUserId); var theSecuredView = $("iframe[FilterLink * = suojattu % 20View]'); Jos ((theSecuredView.length > 0) && (_spUserId == 13)) $("iframe[FilterLink * = suojattu % 20View]').vanhemman().vanhemman().vanhemman().HTML("<TR bgcolor = punainen><TD>Ei näkymä!</TD></TR>"); }); </Script>

Olen myös kyseisen ilmoituksen(_spUserId) rivin siellä osoittaa, miten tämä ei ole todella "varmistaa" näkymä, mutta vain vaikeuttaa nähdä. Lisää, että hetken.

Pohjimmiltaan, jQuery etsii iFrame sivulla, jolla on määrite, joka sisältää "Suojattu % 20View" arvo. Kun se löytää, Tarkistamme onko nykyinen käyttäjä "13". Jos se on, Me kävellä DOM <TR> Tag (joka olen tajunnut tarkastelemalla lähde ja jäljittäminen on) ja sitten korvaa TR tag viestini. En todellakaan tiedä, miten vahva se on (Suhtaudun hyvin epäilevästi, Itse asiassa), mutta se toimi minun hiekkalaatikko. Jos löytää parempi tapa, I'll blogia siitä. Tämä johtuu:

Napsauta OK-painiketta ja tiedot korvataan iso punainen viesti:

Kuten voitte kertoa, Olen toteuttaa tämä "security"-ratkaisu otetaan käyttöön salli web-osan tehdä itse. Kun on valmis, Olen korvata sen sisältöä "ei ole mielestäni sinulle!"viesti.

Huolimatta siitä, että se ei ole todella "suojattu" "view, se on mahdollisesti hyödyllinen ja taitava töitä, lopulta on suojattavan muodollinen mielessä. Peruskysymys on, että asiakas on saada kaikki tiedot ja sitten, vasta, kun se saa tiedot, Se pyyhkii pois. Jos asiakas on saada tiedot, taitava käyttäjä voi estää jQuery käynnissä ollenkaan ja nähdä, mitä hän haluaa nähdä.

Muita haittoja. Tämä "security"-lähestymistapa perustuu pois _spUserId. Haluaisimme todella turvallinen perustuu koko SharePoint-suojausmalli, tai ainakin käyttäjänimi. Se tulee asteittain vaikeampaa, mutta näen joitakin hyviä juttuja kirjoittanut tästä aiheesta, Joten olen toiveikas on hyvä vastaus tähän ongelmaan.

Luettelon näkymistä, itse olisi puhdistettava, Jos mahdollista. En ole kokeillut asian selvittämisestä. Oletan, että on mahdollista, mutta ei todella ratkaista laatua turvallisuuden kysymystä, koska joku voisi vain kirjoittaa URL-osoitteen haluaa mieltä (Jos he tietäisivät). Kuitenkin, leikkaus on järkevää. Se on hyvä käytettävyys ominaisuutta ja se auttaa hämätä asioita. Jos käyttäjä ei tiedä, että Näytä-tapahtuma on olemassa, he todennäköisesti aio yrittää käyttää sitä. Joskus, se riittää.

Onnea, Otan enemmän kirjoittaa aiheesta ajan.

</loppu>

Tilaa blogiin.

Noudata minut viserrys http://www.twitter.com/pagalvin

Tämä on toinen viesti minun meneillään sarja Miten käyttää jQuery SharePoint.
Jos haluat lisätietoja jQuery, Suosittelen: jQuery toiminto Bear Bibeault ja Yehuda Katz.

Aiemmin, Kirjoitin siitä, miten käyttää jQuery Etsi ja Piilota tekstikenttä lomakkeeseen. En välittänyt lähestymistapa (Oli ketjuttamalla vanhemmat-se on yksinkertaisesti ei tapahdu näinä päivinä, ainakin perheissä laatu).

Kun aloitin ajatella sitä, Tiesin, että minun tarvitsi löytää <TR> johon voisi vedota vuota() menetelmä. Alussa pyritään löytämään oikea <TR> oli jotain tällaista:

$(' tr:on(Input[otsikko = Piilota minua!])');

Ongelma on, että se löytäisi joka <TR> Tag, joka oli mitään vanhemman suhdetta piilottaa minulle! kenttä, Vaikka tällä kerralla! on sisäkkäisiä monella tasolla syvällä <TR>n. Käy ilmi, että hiekkalaatikko lomakkeen, toteaa, että ilmaus 9 eri Pylväitä, jotka ovat tällä kerralla! lapsena jossakin DOM-puuhun. Tajusin, että voisin kävellä takaisin ylös puun kirjoituskentästä, itse, siis miten päädyin väärin vanhemmat, mutta se ei sopinut minulle.

Annoin vielä tämä ja yksi niistä asioista, luen lopuksi järkevää: I-KIRJAIN apu ei() tapa leikata pois <TR>on, en halua minun kääritty perustaa. Tämä johti minut tähän:

$(' tr:on(Input[otsikko = Piilota minua!])').ei(' tr:on(TR)').Piilota();

Ensimmäinen vähän löytää kaikki <TR> Tunnisteet, jotka ovat vuota minulle! kentän missään oman hierarkia. Se sitten nauhat pois kaikki <TR> jotka myös ovat lapsen <TR>. Tämä jättää meille yhden <TR> että:

1) Ei ole <TR> alitietueita

2) Onko kenttä kuin lapsi.

Voimme sitten soveltaa vuota() menetelmällä saadut ja olemme tehneet.

Olen edelleen hieman hermostunut, mutta ei hermostunut kuin ketjuttamalla vanhemmat.

En tiedä, jos tämä on paras käytäntö vai ei. Voi olla sopivampi tapa tunnistaa vain <TR> että välitämme SharePoint-lomaketta. Jos tiedät, Lähetä kommentti.

</loppu>

Tilaa blogiin.

Noudata minut viserrys http://www.twitter.com/pagalvin

Tämä on toinen viesti minun meneillään sarja Miten käyttää jQuery SharePoint.
Jos haluat lisätietoja jQuery, Suosittelen: jQuery toiminto Bear Bibeault ja Yehuda Katz.

PÄIVITYS (jo!): Mielestäni parempaa tapaa etsiä <TR> Tag piilottaminen ja kirjoittanut siitä täällä. Voi olla tämä artikkeli mielenkiintoinen muutenkin niin en leavnig sitä.

Piilottaminen tekstikenttä, "Piilota minua!"kuten:

‘

Seuraavat jQuery ei puijata minua:

<komentosarjan tyyppi ="text/javascript">

  $(funktio() {


    $("input[otsikko = Piilota minua!]').vanhemman().vanhemman().vanhemman().Piilota();

  });

</Script>

Koodi sanoo, "Etsi minulle kaikki tulo kentät jonka otsikko = Piilota minua!. Sitten, vanhemman ja sitten Seuraava vanhemman ja * seuraava * vanhemman (huh huh!) ja vedota vuota() järjestys model after että asia, mitä se sattuu olemaan.

Tajunnut, että emo rakennetta tarkastelemalla HTML-lomakkeen, joka SharePoint luotu esitetyllä:

<TR>
    <TD ei tekstinrivitystä= "true" valign= "tärkeimmät" leveys= "190px" luokan= "ms-formlabel">
        <H3 luokan= "ms-standardheader">
            <nobr>Piilota minua!</nobr>
        </H3>
    </TD>

    <TD valign= "tärkeimmät" luokan= "ms-formbody" leveys= "400px">
        <!-- Kentän nimi = "Piilota minut!"
                 FieldInternalName = "Hide_x0020_Me_x0021_"
                 FieldType = "SPFieldText"
        -->
        <span dir= "ei mitään">
            <Input
                Nimi= "ctl00$ m$ g_bdb23c2c_fde7_495f_8676_69714a308d8e$ ctl00$ ctl04$ ctl02$ ctl00$ ctl00$ ctl04$ ctl00$ ctl00$ TextField"
                tyyppi= "teksti"
                MaxLength"255 merkkiä"
                tunnus= "ctl00_m_g_bdb23c2c_fde7_495f_8676_69714a308d8e_ctl00_ctl04_ctl02_ctl00_ctl00_ctl04_ctl00_ctl00_TextField"
                otsikko= "Piilota minut!"
                luokan= "ms-long" />
                <br>
        </span>


    </TD>
</TR>

Kuvassa sama, mutta merkitty vanhempien kanssa:

Ensimmäinen vanhempi (1) on span-elementin. Span's vanhemman (2) TD tunniste ja sitten lopuksi saamme todellista vanhemman piilottaminen (3) Mikä on TR tag.

Tämä on aika kauhea lähestymistapaa, koska on hyvin riippuvainen tämän lomakkeen aivan erityinen rakenne. Kun SharePoint 2010 tulee ulos, rakennelma voisi muuttaa ja katkaista tämä lähestymistapa. Mitä todella haluan tehdä on veneen jQuery valitsin, jota pitkin riviä "Etsi minulle kaikki TR (ja vain TR Tunnisteet) että olla jossain niiden alielementit syöttökenttä jonka otsikko = Piilota minua!”. Alkaen alhaalta ja liikkeestä. Olettaen, että selvittää tämän, Laitan päivitetty "helppo" post.

</loppu>

Tilaa blogiin.

Noudata minut viserrys http://www.twitter.com/pagalvin

Tämä on toinen viesti minun meneillään sarja Miten käyttää jQuery SharePoint.
Jos haluat lisätietoja jQuery, Suosittelen: jQuery toiminto Bear Bibeault ja Yehuda Katz.

Aloittaminen kanssa jQuery SharePoint on yllättävän helppoa (Minulle). (Minulla on vakavia kysymyksiä "parhaiden käytäntöjen" lähestymistapa otetaan käyttöön nämä asiat tuotantoon, mutta se on toinen päivä). Olen juuri aloittanut Pelaa tämän teknologian ja tässä tarkoituksessa, Loin sandbox-ympäristö. Jos etsit päästä alkuun kanssa jQuery, Tämä lähestymistapa voi olla hyötyä.

1. Luo tyhjä sivusto

Luo tyhjä sivusto jossain sivustosi ja kutsuvat sitä jotain fiksu kuten "jQuery hiekkalaatikko".

2. Lataa jQuery

JQuery javascript kirjasto voi ladata täältä: http://docs.jquery.com/Downloading_jQuery

Tallenna se työpöydälle.

Olen käyttänyt "minified" versio.

3. Luo SharePoint-tiedostokirjasto

Sandbox-sivuston, Asiakirjakirjaston luominen.

4. Lataa jQuery Kirjasto SharePoint

Käyttää doc kirjastoa juuri luomasi ja lataa jQuery-kirjaston.

5. Luoda mukautettuja SharePoint-luettelon

Olen alkanut mukautetun luettelon, koska halua hukata SharePoint vakiolomakkeet. Voit myös luoda sivu sivujen kirjastosta tai web-osasivuja ja luultavasti paljon muita paikkoja.

Lisättävä joitakin sarakkeita mukautetun luettelon, jotta saataisiin jotain jQuery vastaan. Aluksi tavoitteena oli:

1. Piilottaa kentän.
2. Määritä kentän arvo.

Tätä tavoitetta silmällä pitäen, Lisäsin kaksi tekstikentät. Ajan mittaan, Pelaan linkit, kuvia, haut, jne.

6. NewForm.aspx Web-osasivun muokkaamiseen ja sisällön muokkaus-Web-osan lisääminen

Tämä on pieni musta magic-ish , koska se on uusi käsite. Kuulin tästä lähtien Paul Grenier, SharePoint jQuery Superstar, hänen CodePlex hankkeen sivustolla: http://spff.codeplex.com/.

Näiden ohjeiden avulla voit lisätä CEWP samalla sivulla, jossa näkyy NewForm.aspx mukautetun luettelon:

1. Käyttää mukautettua luetteloa ja valitse uusi.
2. Liittää seuraava URL: Käyntikertojen = jaettu&ToolPaneView = 2

Joka muuttaa teidän jotain näin tylsää vanilja syöttölomakkeessa:

Tämän:

Sisällön muokkaus-web-osan lisääminen sivulle.

7. Kirjoita ensimmäinen jQuery-koodi

Auki jalkeilla että CEWP koodi-näkymässä ja lisätä seuraavat:

Tässä on todellinen koodi, jos haluat kopioi/liitä:

<komentosarjan tyyppi ="text/javascript"
    src =".. /.. /jQuery Library/jQuery-1.3.2.min.js">
</Script>

<komentosarjan tyyppi ="text/javascript">
  $(funktio() {

    $("#resultsID").HTML("On" + $("a").kokoa() + "tags Tunnisteet tällä sivulla.");

  });
</Script>

Tulos:
<div id ="resultsID"></div>
/tulos

Huomaa, että ensimmäinen <Script> Tag vertailemalla todellinen jQuery-kirjaston. Oletettavasti, Nämä asiat muuttuvat ajan myötä, joten sinun kannattaa Varmista, että sinulla) oikea nimi ja b) kohta se oikea SharePoint-asiakirjakirjaston.

Paistatella kirkkaus

Jos teit sen oikein, näyttöön tulee seuraavanlainen tulos:

Lyömässä lukkoon

Tämä ei ole ainoa tapa päästä alkuun, mutta se on nopeasti, helppoa ja eristää nykyiset SharePoint-ympäristöön.

</loppu>

Tilaa blogiin.

Noudata minut viserrys http://www.twitter.com/pagalvin