Vinnige en maklike: Gebruik jQuery 'n teks veld weg te steek op 'n SharePoint vorm

Dit is nog 'n post in my aan die gang reeks oor hoe om te gebruik jQuery met SharePoint.
As jy wil meer oor jQuery te leer, Ek raai: jQuery in Aksie deur die Bear Bibeault en Yehuda Katz.

UPDATE (reeds!): Ek het dink van 'n beter manier om op te spoor <TR> kan ek wil hê om weg te steek en skryf oor dit hier. You may still find this article interesting anyway so I’m leavnig it up.

Ek wil 'n teks veld weg te steek, "Steek my!"Soos:

image'

Die volgende jQuery nie die truuk vir my:

<script type ="Teks / javascript">

  $(funksie() {


    $(Se insette[title = Steek my!]").ouer().ouer().ouer().verberg();

  });

</script>

Die kode sê, "My vind al die velde wie se title = verberg my!. Toe, kry sy ouer, en dan volgende ouer en die * volgende * ouer (Sjoe!) en roep die vel() metode op daardie ding, wat dit gebeur om te wees.

Ek het gedink dat ouer struktuur deur die lees van die HTML vir die vorm wat SharePoint geskep soos:

<TR>
    <TD sukses van hul loopbaan="true" deel van die oplossing="top" wydte="190px" klas="ms-formlabel">
        <H3 klas="ms-standardheader">
            <nobr>Steek my!</nobr>
        </H3>
    </TD>

    <TD deel van die oplossing="top" klas="ms-formbody" wydte="400px">
        <!-- FieldName="Hide Me!"
                 FieldInternalName="Hide_x0020_Me_x0021_"
                 FieldType="SPFieldText"
        -->
        <span jy="none">
            <insette
                naam="ctl00$m$g_bdb23c2c_fde7_495f_8676_69714a308d8e$ctl00$ctl04$ctl02$ctl00$ctl00$ctl04$ctl00$ctl00$TextField"
                tipe="text"
                MaxLengte="255"
                ID="ctl00_m_g_bdb23c2c_fde7_495f_8676_69714a308d8e_ctl00_ctl04_ctl02_ctl00_ctl00_ctl04_ctl00_ctl00_TextField"
                titel="Hide Me!"
                klas="ms-long" />
                <br>
        </span>


    </TD>
</TR>

Hierdie foto toon dieselfde, maar gemerk met die ouers:

image

Die eerste ouer (1) is a span tag. Span’s parent (2) is 'n TD tag en dan uiteindelik ons ​​by die werklike ouer ek wil om weg te steek (3) wat is die TR tag self.

This is a pretty terrible approach I think because it’s extremely dependent on the very specific structure of this form. When SharePoint 2010 kom uit, this whole structure could change and break this approach. What I really want to do is craft a jQuery selector that is along the lines of “find me all the TR’s (en net TR tags) wat iewers in hul kind elemente 'n invoer veld wie title = verberg my!". I starting from the bottom and moving up. Assuming I figure this out, Ek sal na 'n updated "vinnig en maklik 'post.

</einde>

Skryf in op my blog.

Volg my op Twitter http://www.twitter.com/pagalvin

Een gedagte oor “Vinnige en maklike: Gebruik jQuery 'n teks veld weg te steek op 'n SharePoint vorm

  1. Jaap Vossers

    Wat van hierdie benadering vir die vind van die ouer tr? Eerste node in die versameling van die stamvader nodes wat tr elemente, wat lei tot die naaste ouer tr.

    .ouers("tr:first")

    Antwoord

Laat 'n antwoord te Jaap Vossers Kanseleer antwoord

Jou e-posadres sal nie gepubliseer word nie. Verpligte velde gemerk *