Snel en eenvoudig: Gebruik van jQuery een tekstveld op een SharePoint-formulier verbergen

Dit is een andere post in mijn aan de gang zijnde reeks over hoe te gebruiken jQuery met SharePoint.
Als u wilt meer weten over jQuery, I recommend highly: jQuery in actie door Bear Bibeault en Yehuda Katz.

UPDATE (al!): Ik dacht aan een betere manier om te zoeken de <TR> Label ik wil verbergen en schreef over het hier. U kunt nog steeds dit artikel interessant vinden toch dus ik leavnig ben op opwaarts.

Ik wil een tekstveld verbergen, "Hide Me!"als:

image

De volgende jQuery doet de truc voor mij:

<script type ="text/javascript">

  $(functie() {


    $(' input[titel = verbergen Me!]').bovenliggende().bovenliggende().bovenliggende().verbergen();

  });

</script>

De code is te zeggen, "vinden me alle input velden waarvan de titel = verbergen Me!. Vervolgens, krijgen de ouder en klik op volgende bovenliggende en de * volgende * bovenliggende (Oef!) en beroepen op de huid() methode op dat ding, wat het gebeurt te zijn.

Ik bedacht dat bovenliggende structuur door de HTML-code voor het formulier dat SharePoint gemaakt zoals te bekijken:

<TR>
    <TD NoWrap= "true" vAlign= "top" Breedte"190px =" klasse= "ms-formlabel">
        <H3 klasse= "ms-standardheader">
            <NOBR>Verbergen Me!</NOBR>
        </H3>
    </TD>

    <TD vAlign= "top" klasse= "ms-formbody" Breedte= "400px">
        <!-- FieldName = "Verberg Me!"
                 FieldInternalName = "Hide_x0020_Me_x0021_"
                 FieldType = "SPFieldText"
        -->
        <span dir= 'geen'>
            <input
                naam= "m$ g_bdb23c2c_fde7_495f_8676_69714a308d8e$ ctl00$ 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 ="
                titel= "Verberg Me!"
                klasse"ms-long =" />
                <BR>
        </span>


    </TD>
</TR>

Deze foto toont hetzelfde, maar opgemaakt met de ouders:

image

De eerste ouder (1) is een span-tag. Span de bovenliggende (2) een TD-tag is en dan tot slot krijgen we aan de werkelijke ouder ik wil verbergen (3) dat is de tag TR zelf.

Dit is een vrij vreselijke benadering die ik denk dat omdat het is zeer afhankelijk van de zeer specifieke structuur van dit formulier. Wanneer SharePoint 2010 komt uit, deze hele structuur kan veranderen en breken van deze aanpak. Wat ik echt wil doen is ambachtelijke een jQuery-selector die is in de trant van "vinden me alle TR (en enige TR-tags) die hebben ergens in hun onderliggende elementen een invoerveld waarvan de titel = verbergen Me!”. Ik vanaf de bodem en omhoog te bewegen. Ervan uitgaande dat ik dit uit figuur, Ik zal posten een bijgewerkte "snel en eenvoudig ' post.

</einde>

Abonneren op mijn blog.

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

Een gedachte over "Snel en eenvoudig: Gebruik van jQuery een tekstveld op een SharePoint-formulier verbergen

  1. Jaap Vossers

    Hoe zit het met deze aanpak voor het vinden van de bovenliggende tr? Eerste knooppunt in de collectie van voorouder knooppunten die tr-elementen, wat resulteert in het dichtst bovenliggende tr.

    .ouders("tr:eerste")

    Antwoord

Verlaat een antwoord te Jaap Vossers annuleer antwoord

Uw e-mailadres wordt niet gepubliceerd. Verplichte velden zijn gemarkeerd *