Schnell und einfach: Verwenden Sie jQuery, um ein Textfeld in einem SharePoint-Formular ausblenden

Dies ist ein weiterer Beitrag in meinem laufenden Serie zur Verwendung jQuery mit SharePoint.
Wenn Sie, erfahren Sie mehr über jQuery möchten, Ich empfehle: jQuery in Action von Bear Bibeault und Yehuda Katz.

UPDATE (bereits!): Ich glaube, einen besseren Weg zu finden die <TR> Tag ich ausblenden möchten und schrieb über ihn hier. Sie noch interessante dieser Artikel sowieso so bin ich Leavnig es.

Ich möchte ein Textfeld ausblenden, "Mich verstecken!"wie gezeigt:

image

Die folgende jQuery funktioniert der Trick für mich:

<Skript-Typ ="Text/javascript">

  $(Funktion() {


    $(' Eingabe[Titel = mich ausblenden!]').Eltern().Eltern().Eltern().Ausblenden();

  });

</Skript>

Der Code ist zu sagen, "Find mich alle Eingaben Felder, deren Titel = mich ausblenden!. Dann, erhalten seine Eltern und dann weiter übergeordneten und die * weiter * übergeordnete (Puh!) und rufen Sie das Ausblenden() Das Ding-Methode, Was auch immer es passiert zu sein.

Ich fand heraus, dass übergeordnete Struktur durch Anzeigen der HTML-Code für das Formular, das SharePoint erstellt, wie gezeigt:

<TR>
    <TD NoWrap= "true" valign= "top" Breite= "190px" Klasse= "ms-Formlabel">
        <H3 Klasse= "ms-Standardheader">
            <nobr>Mir ausblenden!</nobr>
        </H3>
    </TD>

    <TD valign= "top" Klasse= "ms-formbody" Breite= "400px">
        <!-- FieldName = "mich ausblenden!"
                 FieldInternalName = "Hide_x0020_Me_x0021_"
                 FieldType = "SPFieldText"
        -->
        <Spannweite dir= "none">
            <Eingang
                Name= "ctl00$ m$ g_bdb23c2c_fde7_495f_8676_69714a308d8e$ ctl00$ ctl04$ ctl02$ ctl00$ ctl00$ ctl04$ ctl00$ ctl00$ TextField"
                Typ= "text"
                MaxLength= "255"
                ID= "ctl00_m_g_bdb23c2c_fde7_495f_8676_69714a308d8e_ctl00_ctl04_ctl02_ctl00_ctl00_ctl04_ctl00_ctl00_TextField"
                Titel= "Mich ausblenden!"
                Klasse= "ms-lang" />
                <BR>
        </Spannweite>


    </TD>
</TR>

Dieses Bild zeigt das gleiche, markiert, aber mit den Eltern:

image

Das erste übergeordnete (1) ist ein Span-tag. Spannweite des übergeordneten (2) TD-Tag ist und dann bekommen wir endlich den tatsächlichen Eltern verbergen möchte (3) Das ist das TR-Tag selbst.

Dies ist ein ziemlich schrecklich Ansatz, denke ich, denn es ist extrem abhängig von der besonderen Struktur dieses Formulars. Wenn SharePoint 2010 kommt, Diese ganze Struktur könnte ändern und brechen diesen Ansatz. Was ich wirklich tun möchte ist Handwerk ein jQuery-Selector, ist nach dem Vorbild der "mir der TR finden (und nur TR-tags) die haben irgendwo in ihre untergeordneten Elemente ein Eingabefeld mit dem Titel = mich ausblenden!”. Ich von unten ab und bewegt sich. Vorausgesetzt ich dies herausfinden, Ich werde eine aktualisierte "schnelle und einfache ' post.

</Ende>

Onnieren Sie meinen Blog ab.

Folgen Sie mir auf Twitter bei http://www.twitter.com/pagalvin

Ein Gedanke zu "Schnell und einfach: Verwenden Sie jQuery, um ein Textfeld in einem SharePoint-Formular ausblenden

  1. Jaap Vossers

    Was ist mit diesem Ansatz für die Suche nach den übergeordneten tr? Ersten Knoten in der Auflistung des übergeordneten Knoten, die tr-Elemente sind, was in der nächsten übergeordneten tr.

    .Eltern("tr:erste")

    Antwort

Lassen Sie eine Antwort auf Jaap Vossers Antwort verwerfen

Deine Email-Adresse wird nicht veröffentlicht. erforderliche Felder sind markiert *