縮小されたパネルを作成するには、Collapsed プロパティを使用します。このトピックでは、デザインビュー、ソースビュー、およびコードで Collapsedプロパティを設定する方法について学びます。
パネルの縮小と拡張についての詳細は、「パネルの縮小と拡張」を参照してください。
デザインビューの場合
以下の手順を実行します。
- C1Splitterコントロールを Web フォームに追加します。
- コントロールを右クリックし、［プロパティ］を選択します。プロパティウィンドウで、Panel1 ノードを拡張し、Collapsedプロパティを表示します。
- Collapsedプロパティを True に設定します。
ソースビューの場合
Panel1 を縮小されたパネルにするには、<cc1:C1Splitter> タグと </cc1:C1Splitter> タグの間に <Panel1 Collapsed="True"></Panel1> を置きます。最終的なマークアップは次のようになります。
| ソースビュー |
コードのコピー
|
|---|---|
| <cc1:C1Splitter ID="C1Splitter1" runat="server" Height="150px" Width="250px"> <ResizeSettings Ghost="True" /> </cc1:C1Splitter> |
|
コードの場合
以下の手順を実行します。
- 以下の名前空間をプロジェクトにインポートします。
Visual Basicコードの書き方
Visual Basic コードのコピーImports C1.Web.Wijmo.Controls.C1Splitter
C#コードの書き方
C# コードのコピーusing C1.Web.Wijmo.Controls.C1Splitter;
-
Page_Load イベントに次のコードを追加して、 Collapsed プロパティを設定します。
Visual Basicコードの書き方
Visual Basic コードのコピーImports C1.Web.Wijmo.Controls.C1Splitter
C#コードの書き方
C# コードのコピーusing C1.Web.Wijmo.Controls.C1Splitter;
- プログラムを実行します。
このトピックの作業結果
Panel1は、実行時に縮小されます。
パネルを拡張するには、エキスパンダーボタンをクリックするだけです。
関連トピック