Facile et rapide: Utiliser jQuery pour masquer un champ de texte sur un formulaire SharePoint

Il s'agit d'un autre poste dans mon série en cours Comment utiliser jQuery avec SharePoint.
Si vous souhaitez en savoir plus sur jQuery, Je recommande fortement: jQuery in Action par ours Bibeault et Yehuda Katz.

MISE À JOUR (déjà!): Je pense une meilleure façon de localiser les <TR> balise je veux cacher et a écrit à ce sujet ici. Vous pouvez toujours trouver cet article intéressant en tout cas donc je suis leavnig vers le haut.

Je veux masquer un champ texte, « Me cacher!« comme le montre:

image

Le jQuery suivant fait le truc pour moi:

<script type ="text/javascript">

  $(fonction() {


    $(« d'entrée[titre = Me cacher!]').parent().parent().parent().cacher();

  });

</script>

Le code dit, « find me entrée tous les champs dont le titre = Me cacher!. Puis, sa mère et puis sur suivant parent et la * prochaine * parent (ouf!) et invoquer la peau() méthode sur cette chose, quel qu'il arrive à être.

J'ai pensé que cette structure parent en visualisant le code HTML du formulaire que SharePoint créé comme indiqué:

<TR>
    <TD NoWrap= « true" valign= « top" Largeur= « 190px" classe= « ms-formlabel »>
        <H3 classe= « ms-standardheader »>
            <nobr>Me cacher!</nobr>
        </H3>
    </TD>

    <TD valign= « top" classe= « ms-formbody" Largeur= « 400px »>
        <!-- FieldName = « Me cacher!"
                 FieldInternalName = Hide_x0020_Me_x0021_ »"
                 FieldType = « SPFieldText"
        -->
        <travée dir= « aucun »>
            <entrée
                nom= « ctl00$ m$ g_bdb23c2c_fde7_495f_8676_69714a308d8e$ ctl00$ ctl04$ ctl02$ ctl00$ ctl00$ ctl04 ctl00$ ctl00$ $TextField"
                type= "texte"
                MaxLength= "255"
                ID= ctl00_m_g_bdb23c2c_fde7_495f_8676_69714a308d8e_ctl00_ctl04_ctl02_ctl00_ctl00_ctl04_ctl00_ctl00_TextField""
                titre= « Me cacher!"
                classe= « ms-long" />
                <br>
        </travée>


    </TD>
</TR>

Cette photo montre le même, mais marqué avec les parents:

image

Le premier parent (1) est une balise span. Parent de travée (2) est une balise TD et puis finalement nous arrivons à la véritable mère je veux cacher (3) qui est la balise TR elle-même.

Il s'agit d'une approche assez terrible, je pense que parce qu'il est extrêmement dépendant de la structure très particulière de ce formulaire. Lorsque SharePoint 2010 sort, Cette structure entière pourrait changer et rompre cette approche. Ce que je veux vraiment faire, c'est métier un sélecteur jQuery qui va dans le sens de « trouvez-moi tous les TR (et seuls les balises TR) qui ont quelque part dans les éléments de leurs enfant un champ d'entrée dont le titre = Me cacher!”. J'ai à partir du bas et remonter. En supposant que j'ai trouver ceci, Je posterai une mise à jour « rapide et facile ' post.

</fin>

S'abonner à mon blog.

Me suivre sur Twitter à http://www.twitter.com/pagalvin

Une réflexion sur "Facile et rapide: Utiliser jQuery pour masquer un champ de texte sur un formulaire SharePoint

  1. Jaap Vossers

    qu'en est-il de cette approche pour trouver le parent tr? Premier nœud dans la collection de nœuds ancêtres qui sont des éléments tr, résultant dans le plus proche parent, tr.

    .parents(« tr:d'abord »)

    Réponse

Laisser une réponse

Votre adresse email ne sera pas publiée. les champs requis sont indiqués *