ASP.NET의 정말 유용한 기능은 확장성입니다. 전 세계 개발자는 자신의 프로세스에서 쉽게 정의할 수 있는 사용자 정의 컨트롤을 만들 수 있습니다. 그중 Internet Explorer 웹 컨트롤은 표준 ASP.NET 컨트롤 외부에서 Microsoft가 만든 컬렉션입니다.
Windows 탐색기의 드라이브와 그 아래의 파일 및 폴더는 계층 구조에 따라 정렬됩니다. 이 컨트롤 세트에는 계층 구조로 정보를 표시하는 방법을 제공하는 트리 보기 컨트롤이 있습니다. treeview 컨트롤에는 노드라는 항목 목록이 포함되어 있습니다. 각 노드에는 자체 노드 컬렉션이 있어 더 깊은 데이터 정의를 제공할 수 있습니다. 각 노드를 축소하여 방문자가 트리 보기 컨트롤 내에서 검색하고 관심 있는 데이터 수준만 볼 수 있도록 할 수 있습니다. Windows 탐색기와 같습니다.
가장 먼저 확인해야 할 것은 테스트 환경입니다. 환경이 올바르다면 다음 작업은 매우 쉽습니다.
이 컨트롤을 테스트하려면 IE WebControls라는 파일이 있어야 합니다. 특정 파일은 여기를 클릭하여 다운로드할 수 있습니다. 또는 Microsoft 웹사이트로 이동합니다.
알려주신 방법에 따라 설치해 보세요. 확실하지 않은 경우 Readme 문서를 주의 깊게 읽어 보십시오.
여기에서 다운로드 방법을 건너뛰고 바로 환경 구성으로 이동합니다:
IE 웹 컨트롤
1. 설치를 완료하려면 두 번 클릭합니다. 기본값: system disk:program filesIE Web Controls 디렉터리.
2. "프로그램 - Microsoft Visual Studio.NET 2003 - Visual Studio.NET 도구 - Microsoft Visual Studio.NET 2003 명령 프롬프트"를 실행하고 IE 웹 컨트롤 설치 디렉터리를 입력합니다.
3. build.bat를 실행합니다.
4. xcopy /s /i .buildRuntime(웹사이트 루트 디렉터리, 기본 시스템 디스크):Inetpubwwwrootwebctrl_client1_0 /y를 실행합니다.
"도구 상자 - 웹 양식"을 마우스 오른쪽 버튼으로 클릭하고 "항목 추가/제거..."를 선택한 다음 팝업 대화 상자에서 .net 프레임워크 구성 요소를 선택하고 "찾아보기"를 클릭한 다음 IE WebControl.dll 파일을 찾습니다. 그냥 추가하세요.
이를 통해 운영 환경이 구성됩니다. 다음은 실습 단계입니다.
1. TreeView 컨트롤
코드 복사 상자
'가져오기 네임스페이스 <%@ import 네임스페이스="Microsoft.web.UI.webcontros"%>
를 정의합니다.
'이 네임스페이스를 등록하고 이 컨트롤 라이브러리에서 컨트롤 정의를 용이하게 하기 위해 TagPrefix를 제공합니다. <%@ Register tagprefix = "iecontrols"
네임스페이스="Microsoft.web.UI.webcontrols"
어셈블리="microsoft.web.UI.webcontrols"
%>
'명령을 설정한 후 다음과 같은 트리뷰 컨트롤을 정의할 수 있습니다. <iecontrols:treeview
id="tvbasic"
자동선택="거짓"
샵플러스="사실"
쇼라인="true"
확장레벨=2
runat="서버"
＞
----------
</idcontrols:treeview>
다음은 해당 코드에 대한 설명입니다.
autoselect = "false"
방문자가 TreeView 컨트롤에서 노드를 찾으면 키보드의 화살표를 사용하여 이 위치 지정을 수행할 수 있습니다. TreeView 컨트롤 값이 TRUE로 설정되면 키보드의 키를 사용하여 트리뷰 컨트롤에서 스크롤하여 항목을 선택할 수 있습니다. false로 설정하면
트리뷰에 두 항목이 있는 경우
showplus="true"
가 허용되지 않습니다.control 노드가 함께 수신되면 방문자가 노드를 확장할 수 있음을 알 수 있도록 더하기 기호(+)를 표시할 수 있습니다. showplus 속성을 설정하면 이 위치에 더하기 기호가 표시되는지 여부를 제어할 수 있습니다. 이 속성의 값이 true로 설정되면 더하기 기호를 사용합니다. 그렇지 않으면
showlines="true"를
사용하여 treeview 컨트롤의 두 노드 사이에 일부 줄을 표시할 수 있습니다. Expandlevel
=
2
이 Treeview 컨트롤 Expandlevel 속성은 기본적으로 이 treeview 컨트롤의 계층 구조를 따라 확장할 수준 수를 결정하는 데 사용됩니다.
----------
</iecontrols:treeview>
이 treeview 컨트롤에 정의된 시작 태그와 끝 태그 사이에 일부 treenode 컨트롤을 정의할 수 있습니다.
2. treeview 컨트롤에서 treenode 컨트롤을 사용하면
일부 treenode 컨트롤을 추가해야 합니다. 일부 정보를 표시하려면 treenode 컨트롤이 treeview 컨트롤의 계층 구조에 항목으로 표시되거나 컨트롤 자체가 독립적으로 존재할 수도 있습니다. treeview 컨트롤 컨트롤의 treenode
이 예에서는 내가 즐겨찾는 웹 사이트 중 일부를 표시합니다. 각 웹 사이트는 독립적인 웹 사이트이거나 그 아래에 다른 웹 사이트가 있을 수 있습니다.
코드 복사 상자
<iecontrols:treeview
id="tv웹사이트"
자동선택="거짓"
쇼플러스="참"
쇼라인="true"
확장레벨=2
runat = "서버"
＞
'다음으로, treeview 컨트롤의 열기 및 닫기 태그에서 treenode 컨트롤 <iecontrols:treenode text="내가 자주 방문하는 사이트">를 정의합니다.
<idcontrols:treenode text="디자인 사이트">
<idcontrols:treenode text="Blue Ideal" />
<idcontrols:treenode text="바람이 부는 날" />
<idcontrols:treenode text="Design Alliance" />
</iecontrols:트리노드>
<iecontrols:treenode text="프로그래밍 사이트">
<iecontrols:treenode text="ASP 프로그래밍">
<iecontrols:treenode text="ASP COOL" />
<iecontrols:treenode text=""/>
</iecontrols:트리노드>
<iecontrols:treenode text="ASP.NET 프로그래밍">
<iecontrols:treenode text="Dotnet Technology Network" />
<iecontrols:treenode text="asp.net"/>
</iecontrols:트리노드>
<iecontrols:treenode text="프로그래머 베이스 캠프" />
</iecontrols:트리노드>
</iecontrols:treenode>
그 중 2레벨 노드가 정의됩니다. 이 트리 뷰에는 "Design Site"와 "Programming Site"라는 두 개의 큰 노드가 포함되어 있으며, "Programming Site"에는 두 개의 노드가 더 있습니다. 노드 "ASP 프로그래밍" 및 "asp.net 프로그래밍"은 각각 다른 노드를
포함하는 트리노드 컨트롤과 트리노드 컨트롤이 다른 트리노드를 포함하는 경우의 차이점에 주의하세요. 컨트롤의 경우 이러한 하위 컨트롤은 상위 컨트롤의 시작 태그와 끝 태그 사이에 정의됩니다.
<iecontrols:treenode text="">
</iecontrols:treenode>
그러나 독립적인 treenode 컨트롤의 경우 시작 및 끝 태그는 자체 포함되어 있습니다.
<iecontrols:treenode text="" />
페이지가 처음 로드되면 이는 전체 보기 노드의 확장입니다. 여기에서 Expandlevel 속성 값이 2로 설정되어 있으므로 모든 레벨의 노드가 표시됩니다. 또한 showlines 속성과 showplus 속성이 모두 true이므로 표시된 모든 보기에서 노드 간의 연결이 라인과 라인으로 표시된다는 점에 유의해야 합니다. 연결 상자가 표시됩니다.
"자주 방문하는 사이트"는 현재 선택된 노드 항목입니다. 방문자는 이 노드에서 Enter를 누르거나 마우스를 클릭하여 트리 보기 계층을 따라 이동할 수 있습니다.