HTML フォーム Web パーツを使用して、別の Web パーツ内のデータをフィルター処理して表示する

この記事の内容:

• フォーム Web パーツを使用する

• Web パーツをページに追加する

• HTML フォーム web パーツを別の web パーツに接続する

• HTML フォーム Web パーツをカスタマイズする

  • 既定の HTML フォーム Web パーツをカスタマイズする

  • 複数行のテキストボックスを使用する

  • オプションボタンを使用する

  • 選択肢のドロップダウンリストを使用する

  • チェックボックスを使用する

• Web パーツの共通プロパティを構成する

  • 外観

  • レイアウト

  • 上級

フォーム Web パーツを使用する

HTML フォーム web パーツを使用して、別の web パーツにデータを接続して渡すことができます。 たとえば、既定の HTML フォーム web パーツを使用して、地域名を入力し、顧客データのリストビュー web パーツに値を渡し、その地域によってデータをフィルター処理することができます。また、HTML フォーム Web パーツをカスタマイズして、ユーザーを有効にすることもできます。たとえば、ドロップダウンリストから地域名を選択します。HTML フォーム Web パーツでは、テキストボックス、ドロップダウンリスト、複数行のテキストボックス、チェックボックス、またはオプションボタンを使うことができます。

フィールドを他の web パーツに接続する方法は、他の web パーツが web パーツ接続を使用するように定義されている方法によって異なります。

フォームには複数の要素 (テキストボックス、ラジオボタンなど) を設定できますが、リストビュー Web パーツに接続できるフィールドは1つだけです。 ただし、さまざまなフィールドを別の Web パーツに同時に接続することはできます。たとえば、テキストボックスと一連のオプションボタンを使用して HTML フォーム Web パーツを作成することができます。テキストボックスは、1つのリストビュー Web パーツに接続することができます。また、オプションボタンを別のものにすることも可能です。ユーザーが [ Go ] ボタンをクリックすると、両方のリストビュー web パーツは HTML フォーム web パーツに入力された情報に従ってフィルター処理が行われます。

その web パーツが複数のパラメーターを受け入れることができる場合は、HTML フォーム web パーツ内の2つ以上のフィールドを別の web パーツに接続できます。この場合、sharepoint Designer 2010 などの sharepoint 互換の Web デザインプログラムを使用して接続を完了する必要がある場合があります。

ページの先頭へ

Web パーツをページに追加する

ページを編集するには、最低でも、サイトの既定の "<サイト名> のメンバー" という SharePoint グループに参加することによって得られる権限が必要です。

1. ページで、リボンの [ページ] タブをクリックして、[編集] をクリックします。

   

   [編集] が無効になっている場合、ページを編集する権限がない可能性があります。管理者にお問い合わせください。

2. Web パーツを追加するページをクリックし、[挿入] タブをクリックして、[Web パーツ] をクリックします。

   

3. [カテゴリ] で、カテゴリ ([リストとライブラリ] など) をクリックし、ページに追加する Web パーツ ([お知らせ] など) をクリックして、[追加] をクリックします。

   

4. Web パーツを選ぶと、その Web パーツに関する情報が [Web パーツに関する情報] に表示されます。

5. ページの編集が完了したら、[ページ] タブをクリックして、[保存して閉じる] をクリックします。

ページの先頭へ

HTML フォーム web パーツを別の web パーツに接続する

HTML フォーム web パーツを使用するには、リストビュー web パーツなど、web パーツ接続を通じて値を受け取ることができる別の web パーツに接続します。フィルターを適用するリストと、フィルターを適用する列は、HTML フォーム web パーツと同じページの web パーツに表示されている必要があります。HTML フォーム web パーツをページに追加する方法の詳細については、「 web パーツをページに追加する」を参照してください。

1. フィルター処理する Web パーツが含まれているページを参照します。

2. リボンの [ページ] タブをクリックし、[編集] をクリックします。

   [編集] が無効になっている場合、ページを編集する権限がない可能性があります。管理者にお問い合わせください。

3. HTML フォーム Web パーツをポイントし、下向き矢印をクリックし、[接続] をクリックし、[フォームの値を指定] をポイントして、リンク先の web パーツの名前をクリックします。

4. [接続の選択] ダイアログボックスで、[接続の構成] タブをクリックします。

5. [接続の種類] メニューで、HTML フォーム Web パーツの情報と一致するフィールドを選びます。

1. [完了] をクリックし、ページの上部にある [編集モードの終了] をクリックします。

既定では、テキストボックスにテキストを入力し、[移動] をクリックするか、enter キーを押します。その他の Web パーツには、入力したテキストと一致するデータのみが表示されます。テキストボックスをクリアして新しいテキストを入力できるようにするには、現在のテキストを選択してから削除します。

<link xlink:href="6b4ab13a-32a7-427f-8dbc-a076ae2e6132#__top">ページの先頭へ</link>

HTML フォーム Web パーツをカスタマイズする

html フォーム web パーツをカスタマイズするには、html フォーム web パーツのツールウィンドウから入手できるソースエディターか、sharepoint Designer 2010 などの sharepoint 互換の web デザインプログラムを使用します。[標準] テキストボックスの代わりに、オプションボタン、チェックボックス、複数行のテキストボックス、リストボックスを使うことができます。ラベルを追加して既定値を割り当てることもできます。

HTML フォーム Web パーツをカスタマイズする場合は、次の点に注意してください。

• 他の Web パーツにデータを渡すために使うことができるのは、 Goボタン (INPUT 要素を使用する) が1つだけです。

• HTML フォーム Web パーツは form 要素を使用します。特定の html 要素は、html、BODY、form 要素など、form 要素内で使うことはできません。

• すべてのフォーム フィールド名は一意であることが必要です。 それぞれの名前の値は、接続先の Web パーツ内の対応する列名に接続するために使用されます。

フォーム Web パーツをカスタマイズするには、[ソースエディター ] ボタンを使用して [テキストエディター ] ダイアログボックスを表示し、HTML ソースコードを変更または追加します。

<link xlink:href="6b4ab13a-32a7-427f-8dbc-a076ae2e6132#__top">ページの先頭へ</link>

<div onkeydown="javascript:if (event.keyCode == 13) _SFSUBMIT_">
<input type="text" name="T1"/>
<input type="button" value="Go" onclick="javascript:_SFSUBMIT_"/>
</div>

Region: <input type="text" name="Region" value="India"/>

<input type="button" value="SUBMIT" onclick="javascript:_SFSUBMIT_"/>

<br/>
<a href="http://contoso/SitePages/CustByRegion.aspx">Refresh</a>

<textarea name="Region" rows=5 cols=30></textarea>

<input type="radio" name="Region" value="India"/> India<BR/>
<input type="radio" name="Region" value="USA"/> USA<BR/>
<input type="radio" name="Region" value="Spain"/> Spain<BR/>

<select name="Region">
<option value="India">India</option>
<option value="USA">USA</option>
<option value="Spain"> Spain </option>
</select>

<option value="Spain" selected="selected"> Spain </option>

<input type="checkbox" name="region1" value="India"/> India<BR/>
<input type="checkbox" name="region2" value="USA"/> USA<BR/>
<input type="checkbox" name="region3" value="Spain"/> Spain<BR/>

<input type="checkbox" name="region3" value="Spain" checked="checked"/> Spain<BR/> 

Web パーツの共通プロパティを構成する

Web パーツは、見た目、レイアウト、詳細な特性を制御するための一連の共通プロパティを共有しています。Web パーツのプロパティは、ツール ウィンドウで変更します。

• ツール ウィンドウの [詳細設定] セクションを表示するには適切な権限が必要であるため。

• 特定の web パーツの場合、web パーツ開発者は、これらの一般的なプロパティを1つ以上表示しないように選択したか、外観、レイアウト、およびその他のプロパティを作成して表示するように選択している可能性があります。ツールウィンドウの [詳細] セクション。

• 一部の権限やプロパティの設定によって、Web パーツのプロパティが無効または非表示になっているため。