Rask og enkel: Bruke jQuery for å skjule et Tekst-felt på et SharePoint-skjema

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:

image

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:

image

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

del.icio.us koder: ,

Technorati Merkelapper: ,

En tenkte på “Rask og enkel: Bruke jQuery for å skjule et Tekst-felt på et SharePoint-skjema

  1. Jaap Vossers

    Hva med denne tilnærmingen for å finne overordnet St? Første noden i samlingen av overordnede noder som er St elementer, resulterer i nærmeste overordnede St.

    .foreldre(«St:første")

    Svar

legg igjen et svar

e-postadressen din vil ikke offentliggjøres. Obligatoriske felt er merket *