Accordion for ASP.NET Web Forms
Hover 状態でのアコーディオンペインの拡張
タスク別ヘルプ > Hover 状態でのアコーディオンペインの拡張

C1Accordionコントロールでは、ヘッダーをクリックしたときにコンテンツ領域が拡張するイベントを変更できます。この機能を利用するには、単に Event プロパティを設定します。

可能なイベントには、click, mouseover, dblclick, mousemove, mousedown, mouseup, および mouseoutが含まれます。

デザイン時の場合

  1. 表示]メニューの[プロパティ ウィンドウ]を選択します。
  2. この場合は、ヘッダー上にマウスポインタを置いたときにコンテンツペインを拡張したいので、Event の横にイベント名mouseoverを入力します。

コードの場合

次のコードを Page_Loadイベントに追加し、たとえば Eventプロパティを設定します。

Visual Basicコードの書き方

Viusal Basic
コードのコピー
C1Accordion1.Event = "mouseover"

C#コードの書き方

C#
コードのコピー
C1Accordion1.Event = "mouseover";

マークアップの場合

Eventプロパティのマークアップを C1Accordion マークアップに直接追加できます。デザイン時にページ内にプロパティを設定すると、そのプロパティがマークアップに自動的に追加されます。このマークアップは次のようになります。

ソースビュー
コードのコピー
<cc1:C1Accordion ID="C1Accordion1" runat="server" 
DataSourceID="AccessDataSource1" Event="mouseover">
</cc1:C1Accordion>

アプリケーションを実行し、アコーディオンのヘッダー上にマウスポインタを置くと、コンテンツペインが拡張されます。

関連トピック