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

SharePoint で jQuery を使って開始は驚くほど簡単 (私を). (運用環境にこれらの事を展開する「ベスト プラクティス」アプローチについて深刻な質問を行う, それは別の日の). 私はこの技術とそのための再生を開始しました, 使用するサンド ボックス環境を作成しました。. JQuery を始めるために探しているなら, あなたはこのアプローチが役に立つことがあります。.

1. 空のサイトを作成します。

あなたのサイトのどこか空のサイトを作成して"jQuery サンド ボックス"のような巧妙な何かコール.

2. JQuery をダウンロードします。

ここから jQuery javascript ライブラリをダウンロードすることができます。: http://docs.jquery.com/Downloading_jQuery

ことがあなたのデスクトップに保存します。.

「縮小」のバージョンを使用されています。.

3. SharePoint ドキュメント ライブラリを作成します。

サンド ボックス サイト内, ドキュメント ライブラリを作成します。.

4. JQuery ライブラリを SharePoint にアップロードします。

作成したドキュメント ライブラリにアクセスし、jQuery ライブラリをアップロード.

5. カスタム SharePoint リストを作成します。

標準的な SharePoint フォームでウロウロしたいのでカスタム リスト始めました. ページ ライブラリ内のページや web パーツ ページおよびおそらく多くの他の場所も作成.

に対して jQuery を実行する何かがあるので、カスタム リストにいくつかの列を追加します。. 私の初期の目的は、:

1. フィールドの非表示します。.
2. フィールドに値を割り当てる.

その心の目的, 2 つのテキスト フィールドを追加しました. 時間をかけて, 私はリンクで遊んでみよう, 画像, ルックアップ, など.

6. NewForm.aspx Web パーツ ページを変更し、コンテンツ エディター Web パーツを追加

これは少しブラック magic-ish , それが私の新しいコンセプトです。. 私は最初からこのことについて学んだ ポール ・ グルニエ, SharePoint jQuery のスーパー スター, CodePlex プロジェクト サイトでは、: http://spff.codeplex.com/.

NewForm.aspx が表示されます任意のカスタム リストを同じページに、CEWP を追加する手順に従います:

1. カスタム リストにアクセスし、新規をクリックします.
2. 次の URL に追加します。: ページビュー = 共有&ToolPaneView = 2

このような何かから退屈なバニラのデータ エントリ フォームに変換されます。:

これに:

コンテンツ エディター web パーツをページに追加します。.

7. あなたの最初の jQuery コードを書く

[コード] ビューでその CEWP を開くし、次の追加:

ここで、実際のコードは、コピー/貼り付けする場合:

<スクリプトの型 ="テキスト/javascript"
    src ="../../jQuery Library/jquery-1.3.2.min.js">
</スクリプト>

<スクリプトの型 ="テキスト/javascript">
  $(関数() {

    $(' #resultsID').html(' があります ' + $(' a').サイズ() + ' このページでタグ タグ。 ');

  });
</スクリプト>

結果:
<div id =' resultsID'></div>
/結果

注意最初の <スクリプト> タグは実際 jQuery ライブラリを参照します。. おそらく, これらの事を時間をかけて変更します。, 確認したいので、) 正しい名前と b を使用します。) 正しい SharePoint ドキュメント ライブラリを指すように.

栄光に浴する

あなたが正しくそれをした場合, 次のような結果が表示されます。:

包む

これは開始する唯一の方法ではないです。, しかし、それは速い, 簡単で、既存の SharePoint 環境から分離されました。.

</終了>

私のブログを購読します。.

私は Twitter の上に従ってください。 http://www.twitter.com/pagalvin