迅速で簡単な: JQuery を使用して SharePoint フォーム上のテキスト フィールドを非表示にする

これは別のポストには私 シリーズの予定 使用方法 jQuery SharePoint と.
JQuery についてもっと学びたい場合, 私は非常にお勧め: 『 jQuery in Action クマ Bibeault、イェフダー Katz による.

更新プログラム (既に!): 検索する良い方法の感想は <TR> タグを非表示にして ここにそれについて書いた. まだ興味深い見つけるかもしれないこの記事かくので、私は学習を.

テキスト フィールドを非表示にします。, 私を隠す」!"示すように:

image

JQuery の次は私のためのトリックを行います:

<スクリプトの型 ="テキスト/javascript">

  $(関数() {


    $(' 入力[タイトル = 私を非表示!]').親().親().親().非表示します。();

  });

</スクリプト>

コードは言っています。, "私はすべての入力フィールドのタイトルを見つける = 私を非表示!. [, 親とし、次へを得る親とは * next * 親 (あー!) 非表示にするを呼び出す() そのことで法, あることを起こるものは何でも.

SharePoint 作成のように、フォームの HTML を表示することによってその親構造を考え出した:

<TR>
    <TD nowrap="true" valign"トップ =" "190px =" クラス"ms-formlabel"=>
        <H3 クラス"ms-standardheader"=>
            <nobr>私を非表示します。!</nobr>
        </H3>
    </TD>

    <TD valign"トップ =" クラス="ms formbody" 「400 px」を =>
        <!-- FieldName = 私を隠す」!"
                 FieldInternalName ="Hide_x0020_Me_x0021_"
                 FieldType ="SPFieldText"
        -->
        <スパン dir=「なし」>
            <入力
                名前="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 タグ: ,

Technorati のタグ: ,

一つは「上と思いました迅速で簡単な: JQuery を使用して SharePoint フォーム上のテキスト フィールドを非表示にする

  1. ヤープ Vossers

    この親の検索方法についてどのような tr? Tr 要素の先祖ノードのコレクション内の最初のノード, その結果に最も近い親 tr.

    .両親("tr:最初の")

メッセージを残してください

あなたのメールアドレスが公開されることはありません. 必須フィールドは、マークされています *