ASP.NET の本当に便利な機能は、その拡張性です。世界中の開発者は、独自のプロセスで簡単に定義できる独自のカスタム コントロールを作成できます。その中で、Internet Explorer Web コントロールは、標準の ASP.NET コントロールの外で Microsoft によって作成されたコレクションです。
Windows エクスプローラーのドライブとその下のファイルとフォルダーは階層構造に従って配置されており、このコントロール セットには、情報を階層構造で表示する方法を提供するツリービュー コントロールがあります。ツリービュー コントロールには、ノードと呼ばれる項目のリストが含まれています。各ノードは独自のノード コレクションを持つことができ、より詳細なデータ定義を提供します。各ノードは折りたたむことができるため、訪問者はツリービュー コントロール内を検索して、興味のあるレベルのデータのみを表示できます。 Windows エクスプローラーと同じです。
最初に明確にしておくべきことは、環境が正しい限り、次の作業は非常に簡単です。
このコントロールをテストするには、IE WebControls というファイルが必要です。特定のファイルはここをクリックしてダウンロードできます。または Microsoft の Web サイトにアクセスします。
彼が提供した方法に従ってインストールします。よくわからない場合は、彼の Readme ドキュメントを注意深く読んでください。
ここでダウンロード方法をスキップして、環境設定に直接移動します。IE
Web コントロール
1. デフォルト: システム ディスク:プログラム ファイルIE Web コントロール ディレクトリをダブルクリックしてインストールを完了します。
2. 「プログラム - Microsoft Visual Studio.NET 2003 - Visual Studio.NET ツール - Microsoft Visual Studio.NET 2003 コマンド プロンプト」を実行し、IE Web コントロールのインストール ディレクトリに入ります。
3. build.bat を実行します。
4. xcopy /s /i .buildRuntime (Web サイトのルート ディレクトリ、デフォルトのシステム ディスク):Inetpubwwwrootwebctrl_client1_0 /y を実行します。
[ツールボックス - Web フォーム] を右クリックし、[項目の追加と削除...] を選択し、ポップアップ ダイアログ ボックスで .net フレームワーク コンポーネントを選択し、[参照] をクリックして、IE WebControl.dll ファイルを見つけます。追加するだけです。
これにより動作環境が設定されます。次は実践の段階です。
1. TreeView コントロール
コード コピー ボックス
「インポート名前空間 <%@ import namespace="Microsoft.web.UI.webcontros"%>」
を定義します。
'この名前空間を登録し、TagPrefix を付けて、このコントロール ライブラリでのコントロールの定義を容易にします <%@ register tagprefix = "iecontrols"
名前空間 = "Microsoft.web.UI.webcontrols"
アセンブリ = "microsoft.web.UI.webcontrols"
%>
'命令を設定した後、次のようなツリービュー コントロールを定義できます <iecontrols:treeview
id="テレビベーシック"
自動選択 = "偽"
ショップラス = "true"
ショーライン = "true"
展開レベル=2
runat="サーバー"
＞
----------
</idcontrols:treeview>
以下は、対応するコードについて説明します。
autoselect = "false"
訪問者が TreeView コントロールでノードを見つけるとき、キーボードの矢印を使用してこの位置決めを実行できます。 TreeView コントロール 値が TRUE に設定されている場合、キーボードのキーを使用してツリービュー コントロール内をスクロールして項目を選択できます。 false に設定すると、ツリービュー内に 2 つの項目がある場合、これは許可されませ
ん
。コントロール ノードをまとめて受信したときに、訪問者にノードが展開できることを知らせるためにプラス記号 (+) を表示することができます。 showplus 属性を設定することで、この位置にプラス記号を表示するかどうかを制御できます。この属性の値が true に設定されている場合は、プラス記号を使用します。それ以外の場合は、
showlines="true"
を使用して、ツリービュー コントロール内の 2 つのノード間の行を表示するかどうかを制御できます。 Expandlevel
=2
このツリービュー コントロール Expandlevel プロパティは、
デフォルトでこのツリービュー コントロールの階層に沿って展開するレベルの数を決定するために使用されます。
----------
</iecontrols:treeview>
このツリービュー コントロールで定義されている開始タグと終了タグの間に、いくつかのツリーノード コントロールを定義できます。
2. ツリービュー コントロールでツリーノード コントロールを使用する
ツリービュー コントロールを作成する場合は、それにいくつかのツリーノード コントロールを追加する必要があります。いくつかの情報を表示するには、ツリーノード コントロールはツリービュー コントロールの階層内の項目として表示されます。または、コントロール自体が独立して存在することもできます。ツリービュー コントロールのツリーノード コントロール。
この例では、お気に入りの Web サイトをいくつか表示します。それぞれが独立した Web サイトである場合もあれば、その下に他の Web サイトが存在する場合もあります。
コード コピー ボックス
<iecontrols:treeview
id="テレビウェブサイト"
自動選択 = "偽"
ショープラス = "true"
ショーライン = "true"
展開レベル=2
runat = "サーバー"
＞
' 次に、ツリービュー コントロールの開始タグと終了タグで、ツリーノード コントロール <iecontrols:treenode text="よく訪問するサイト"> を定義します。
＜idcontrols:treenode text="デザインサイト">
＜idcontrols:treenode text="Blue Ideal" />
＜idcontrols:treenode text="風の強い日" />
＜idcontrols:treenode text="デザインアライアンス" />
＜/iecontrols:treenode＞
＜iecontrols:treenode text="プログラミング サイト">
<iecontrols:treenode text="ASP プログラミング">
＜iecontrols:treenode text="ASP COOL" />
＜iecontrols:treenode text=""/>
＜/iecontrols:treenode＞
<iecontrols:treenode text="ASP.NET プログラミング">
＜iecontrols:treenode text="Dotnet Technology Network" />
＜iecontrols:treenode text="asp.net"/>
＜/iecontrols:treenode＞
＜iecontrols:treenode text="プログラマーベースキャンプ" />
＜/iecontrols:treenode＞
＜/iecontrols:treenode＞
このツリー ビューには、「デザイン サイト」と「プログラミング サイト」の 2 つの大きなノードが定義されており、「プログラミング サイト」にはさらに 2 つのノードがあります。ノード「ASP プログラミング」と「asp.net プログラミング」。それぞれ他のノードを定義します。
ツリーノード コントロールに他のノードが含まれる場合は、独立したツリーノード コントロールとの違いに注意してください。これらの子コントロールは、親コントロールの開始タグと終了タグの間に定義されます:
<iecontrols:treenode text="">
</iecontrols:treenode>
ただし、独立したツリーノード コントロールの場合、その開始タグと終了タグは自己完結型です。
<iecontrols:treenode text="" />
ページが最初に読み込まれるとき、これはビュー ノード全体の展開です。ここでの Expandlevel 属性値は 2 に設定されているため、すべてのレベルのノードが表示されます。また、showlines 属性と showplus 属性が両方とも true であるため、表示されるすべてのビューでノード間の接続が表示されることに注意してください。接続ボックスが表示されます。
「よく訪問するサイト」が現在選択されているノード項目です。訪問者は、キーボードの矢印を使用してツリー ビュー階層に沿って移動できます。