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

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

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

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

‘

下面的 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>

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

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

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

保羅 · 高爾文 SharePoint 空間

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

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

離開一個答覆 Jaap Vossers 取消回复