Cepat dan mudah: Menggunakan jQuery untuk menyembunyikan kolom teks pada formulir SharePoint

Ini adalah posting lain dalam saya terus-menerus seri bagaimana menggunakan jQuery dengan SharePoint.
Jika Anda ingin mempelajari lebih lanjut tentang jQuery, Saya sangat merekomendasikan: jQuery dalam tindakan oleh beruang Bibeault dan Yehuda Katz.

UPDATE (sudah!): Saya berpikir cara yang lebih baik untuk menemukan <TR> Aku ingin menyembunyikan tag dan menulis tentang itu di sini. Anda mungkin masih menemukan artikel ini menarik pula jadi aku leavnig itu.

Aku ingin menyembunyikan kolom teks, "Sembunyikan saya!"seperti yang ditunjukkan:

image

JQuery berikut melakukan trik untuk saya:

<script type ="text/javascript">

  $(fungsi() {


    $(' masukan[judul = Sembunyikan saya!]').orangtua().orangtua().orangtua().Sembunyikan();

  });

</script>

Kode mengatakan, "menemukan saya semua masukan ladang yang judulnya = Sembunyikan saya!. Kemudian, Para orangtua dan kemudian berikutnya orangtua dan * berikutnya * orangtua (Fiuh!) dan memohon Sembunyikan() metode pada hal itu, apa pun itu kebetulan.

Aku tahu bahwa struktur orangtua dengan melihat HTML untuk bentuk yang SharePoint dibuat seperti yang ditunjukkan:

<TR>
    <TD nowrap= "true" valign= "top" lebar= "190px" kelas= "ms-formlabel">
        <H3 kelas= "ms-standardheader">
            <nobr>Sembunyikanlah aku.!</nobr>
        </H3>
    </TD>

    <TD valign= "top" kelas= "ms-formbody" lebar= "400px">
        <!-- FieldName = "Sembunyikan saya!"
                 FieldInternalName = "Hide_x0020_Me_x0021_"
                 FieldType = "SPFieldText"
        -->
        <rentang dir= "tidak">
            <masukan
                Nama= "m$ ctl00$ g_bdb23c2c_fde7_495f_8676_69714a308d8e$ ctl00$ ctl04$ ctl02$ ctl00$ ctl00$ ctl04$ ctl00$ ctl00$ TextField"
                jenis= "teks"
                maxlength= "255"
                id= "ctl00_m_g_bdb23c2c_fde7_495f_8676_69714a308d8e_ctl00_ctl04_ctl02_ctl00_ctl00_ctl04_ctl00_ctl00_TextField"
                judul= "Sembunyikan saya!"
                kelas= "ms-long" />
                <br>
        </rentang>


    </TD>
</TR>

Gambar ini memperlihatkan sama, Tapi Mark up dengan orang tua:

image

Menjadi orangtua pertama (1) adalah rentang tag. Rentang 's orangtua (2) TD tag dan kemudian akhirnya kami bisa nyata orangtua saya ingin menyembunyikan (3) yang merupakan tag TR itu sendiri.

Ini adalah pendekatan yang sangat mengerikan yang saya pikir karena sangat bergantung pada struktur sangat spesifik formulir ini. Ketika SharePoint 2010 keluar, seluruh struktur ini bisa berubah dan istirahat pendekatan ini. Apa yang saya benar-benar ingin lakukan adalah kerajinan pemilih jQuery yang adalah sepanjang baris "menemukan saya semua TR (dan hanya TR Tag) yang punya tempat di elemen anak mereka sebuah field input yang judulnya = Sembunyikan saya!”. Aku mulai dari bawah dan bergerak naik. Dengan asumsi saya mengetahui ini, Saya akan posting diperbarui "cepat dan mudah ' posting.

</akhir>

Berlangganan ke blog saya.

Ikuti saya di kegugupan di http://www.twitter.com/pagalvin

Satu berpikir tentang “Cepat dan mudah: Menggunakan jQuery untuk menyembunyikan kolom teks pada formulir SharePoint

  1. Jaap Vossers

    apa tentang pendekatan ini untuk menemukan orangtua tr? Node pertama dalam koleksi node leluhur yang unsur-unsur tr, dihasilkan di terdekat induk tr.

    .orang tua("tr:pertama")

    Balasan

Tinggalkan balasan

Alamat email Anda tidak akan dipublikasikan. Bidang yang harus diisi ditandai *