快速而方便地: 使用 jQuery 隱藏 SharePoint Form 上的文字欄位

這是另一個帖子中的我 系列 有關如何使用 jQuery 使用 SharePoint.
如果您想要瞭解更多關於 jQuery, 我強烈建議你: jQuery 在行動 由熊 Bibeault 和 Routes.

更新 (已經!): 我沒有想到更好的方法來定位 <TR> 我想要隱藏的標記和 在這裡寫了關於它. 你可能仍然覺得這篇文章有趣反正所以我 leavnig 起來.

我想要隱藏的文字欄位, "隱藏我!"如圖所示:

image

下面的 jQuery 我的戲法:

<腳本類型 ="文本 javascript">

  $(功能() {


    $(' 輸入[標題 = 隱藏我!]').父().父().父().隱藏();

  });

</腳本>

該代碼說, "查找我所有輸入欄位的標題 = 隱藏我!. 然後, 獲取其父,然後下一步父和 * 下一步 * 父 (籲!) 和調用隱藏() 關於那件事的方法, 不管它恰好是.

我想出這種父結構通過查看 HTML 的表單的 SharePoint 創建如圖所示:

<TR>
    <TD nowrap="true" 底邊對齊="強" 寬度="190px" ="ms-formlabel">
        <H3 ="ms-standardheader">
            <nobr>隱藏我!</nobr>
        </H3>
    </TD>

    <TD 底邊對齊="強" ="ms formbody" 寬度="400px">
        <!-- FieldName ="隱藏我!"
                 FieldInternalName ="Hide_x0020_Me_x0021_"
                 FieldType ="SPFieldText"
        -->
        <大跨度 dir="none">
            <輸入
                名稱="ctl00$ m$ g_bdb23c2c_fde7_495f_8676_69714a308d8e$ ctl00$ ctl04$ ctl02$ ctl00$ ctl00$ ctl04$ ctl00$ ctl00$ 文字欄位"
                類型="文本"
                maxlength="255"
                id="ctl00_m_g_bdb23c2c_fde7_495f_8676_69714a308d8e_ctl00_ctl04_ctl02_ctl00_ctl00_ctl04_ctl00_ctl00_TextField"
                標題="隱藏我!"
                ="ms 長" />
                <br>
        </大跨度>


    </TD>
</TR>

此圖片顯示了相同, 但標有父母:

image

第一父 (1) 是 span 標記. 跨度的父 (2) 是 TD 標籤,然後最後我們來到了真正的我想要隱藏的父 (3) 哪個是 TR 標籤本身.

這是一個相當可怕的方法,我認為因為它非常依賴于這種形式非常特定的結構. 當 SharePoint 2010 出來, 這整個的結構可以改變,打破這種方法. 我真的想做是一個 jQuery 選擇器,是沿著線的工藝"找到我所有 TR 的 (和唯一 TR 標籤) 有某個地方在它們的子項目一個輸入的欄位的標題 = 隱藏我!”. 我從底部開始,向上移動. 假設我把這弄, 我會發佈最新"快速和容易 ' 開機自檢.

</結束>

訂閱我的博客.

跟我在 Twitter 上 http://www.twitter.com/pagalvin

del.icio.us 標籤: ,

一個念頭在“快速而方便地: 使用 jQuery 隱藏 SharePoint Form 上的文字欄位

  1. Jaap Vossers

    有關這種方法用於查找父什麼 tr? Tr 元素的祖先節點的集合中的第一個節點, 結果在最接近的父 tr.

    .父母("tr:第一次")

    答覆

留言

您的電子郵件地址不會被公開. 必需的地方已做標記 *