La característica realmente útil de ASP.NET es su extensibilidad. Los desarrolladores de todo el mundo pueden crear sus propios controles personalizados que se pueden definir fácilmente en su propio proceso. Entre ellos, Internet Explorer Web Controls es una colección creada por Microsoft fuera de los controles estándar de ASP.NET.
Las unidades en el Explorador de Windows y los archivos y carpetas que se encuentran debajo de ellas están organizados según una estructura jerárquica. En este conjunto de controles, hay un control de vista de árbol que nos proporciona una manera de mostrar información en una estructura jerárquica. El control de vista de árbol contiene una lista de elementos llamados nodos. Cada nodo puede tener su propia colección de nodos, lo que proporciona una definición de datos más profunda. Cada nodo se puede contraer, lo que permite al visitante buscar dentro de un control de vista de árbol y ver sólo el nivel de datos que le interesa. Como el Explorador de Windows.
Lo primero que hay que dejar claro es el entorno de prueba. Siempre que el entorno sea correcto, el siguiente trabajo será muy sencillo:
para probar este control es necesario disponer de un archivo llamado IE WebControls. El archivo específico se puede descargar haciendo clic aquí. o visitando el sitio web de Microsoft.
Instale de acuerdo con el método que proporcionó. Si no está seguro, lea atentamente su documento Léame.
Omita el método de descarga aquí y vaya directamente a la configuración del entorno:
IE Web Controls
1. Haga doble clic para completar la instalación Predeterminado: disco del sistema:program filesIE Web Controls directorio.
2. Ejecute "Programa - Microsoft Visual Studio.NET 2003 - Herramientas de Visual Studio.NET - Símbolo del sistema de Microsoft Visual Studio.NET 2003" e ingrese al directorio de instalación de IE Web Control.
3. Ejecute build.bat.
4. Ejecute xcopy /s /i .buildRuntime (directorio raíz del sitio web, disco del sistema predeterminado):Inetpubwwwrootwebctrl_client1_0 /y.
Haga clic derecho en "Caja de herramientas - Formulario web", seleccione "Agregar o quitar elementos ...", seleccione el componente .net framwork en el cuadro de diálogo emergente, haga clic en "Examinar" y busque el archivo IE WebControl.dll. Sólo agrégalo.
Esto configura el entorno operativo. Luego viene la etapa práctica.
1. Defina elcuadro de copia del código
de control TreeView
'Importar espacio de nombres <%@ import namespace="Microsoft.web.UI.webcontros"%>
'Registre este espacio de nombres y asígnele un TagPrefix para facilitar la definición de controles en esta biblioteca de controles <%@ Register tagprefix = "iecontrols"
espacio de nombres="Microsoft.web.UI.webcontrols"
ensamblaje="microsoft.web.UI.webcontrols"
%>
'Después de configurar las instrucciones, puede definir un control de vista de árbol como el siguiente <iecontrols:treeview
id="tvbásico"
selección automática = "falso"
shoplus="verdadero"
líneas de espectáculo = "verdadero"
nivel de expansión=2
runat="servidor"
＞
----------
＜/idcontrols:treeview＞
A continuación se explica el código correspondiente:
autoselect = "false"
Cuando un visitante localiza un nodo en el control TreeView, puede utilizar las flechas del teclado para realizar este posicionamiento. Control TreeView Cuando el valor se establece en TRUE, puede usar las teclas del teclado para desplazarse en el control de vista de árbol y seleccionar un elemento. Si se establece en falso, esto no está permitido
showplus="true"
cuando hay dos elementos en una vista de árbol. control Cuando los nodos se reciben juntos, puede mostrar un signo más (+) para que los visitantes sepan que el nodo se puede expandir. Al configurar el atributo showplus, puede controlar si el signo más se muestra en esta posición. El valor de este atributo se establece en verdadero. Utilice el signo más; de lo contrario, no lo utilice.
showlines="true"
puede mostrar algunas líneas entre dos nodos en un control de vista de árbol. Al configurar la propiedad showlines, puede controlar si se muestra. tales líneas.
Expandlevel=2
Este control de vista de árbol La propiedad Expandlevel se utiliza para determinar el número de niveles que se expandirán a lo largo de la jerarquía de este controlde
vista de árbol de forma predeterminada.
----------
＜/iecontrols:treeview＞
Entre las etiquetas de inicio y fin definidas en este control de vista de árbol, puede definir algunos controles de nodo de árbol.
2. Utilice controles de nodo de árbol en controles de vista de árbol.
Si crea un control de vista de árbol, debe agregarle algunos controles de nodo de árbol. Para mostrar información. El control de nodo de árbol se muestra como un elemento en la jerarquía del control de vista de árbol. El control de nodo de árbol puede contener el control de vista de árbol. treenode en un control de vista de árbol Control
Este ejemplo mostrará algunos de mis sitios web favoritos, cada uno de los cuales puede ser un sitio web independiente, o puede haber otros sitios web debajo de él. Este control de vista de árbol tiene la siguiente definición:
Cuadro de copia de código
<iecontrols:treeview.
id="sitiowebtv"
selección automática = "falso"
showplus="verdadero"
líneas de espectáculo = "verdadero"
nivel de expansión=2
runat = "servidor"
＞
'A continuación, en las etiquetas de apertura y cierre del control de vista de árbol, defina el control de nodo de árbol <iecontrols:treenode text="sitios que visito con frecuencia">
＜idcontrols:treenode text="Sitio de diseño"＞
＜idcontrols:treenode text="Azul Ideal" /＞
＜idcontrols:treenode text="Día ventoso" /＞
＜idcontrols:treenode text="Alianza de diseño" /＞
＜/iecontrols:treenode＞
＜iecontrols:treenode text="Sitio de programación"＞
<iecontrols:treenode text="programación ASP">
＜iecontrols:treenode text="ASP COOL" /＞
＜iecontrols:treenode text=""/＞
＜/iecontrols:treenode＞
<iecontrols:treenode text="Programación ASP.NET">
＜iecontrols:treenode text="Red tecnológica Dotnet" /＞
＜iecontrols:treenode text="asp.net"/＞
＜/iecontrols:treenode＞
＜iecontrols:treenode text="Campamento base del programador" /＞
＜/iecontrols:treenode＞
＜/iecontrols:treenode＞
Entre ellos, se define un nodo de dos niveles. Esta vista de árbol contiene dos nodos grandes: "Sitio de diseño" y "Sitio de programación", y hay dos nodos más en "Sitio de programación". nodos "Programación ASP" y "Programación asp.net", cada uno de los cuales define otros nodos.
Preste atención a la diferencia entre un control de nodo de árbol que contiene otros nodos y un control de nodo de árbol independiente. Cuando un control de nodo de árbol también contiene otros nodos de árbol. controles, estos controles secundarios se definen entre las etiquetas de inicio y fin de sus controles principales:
<iecontrols:treenode text="">
＜/iecontrols:treenode＞
Pero para un control de nodo de árbol independiente, sus etiquetas de inicio y fin son independientes:
＜iecontrols:treenode text="" /＞
Cuando la página se carga por primera vez, esta es la expansión de todo el nodo de vista. Dado que el valor del atributo expandlevel aquí está establecido en 2, se mostrarán los nodos en todos los niveles. Además, debe tenerse en cuenta que, dado que el atributo showlines y el atributo showplus son verdaderos, en todas las vistas mostradas, la conexión entre los nodos Las líneas y. Se muestran los cuadros de conexión.
"Sitios que visito a menudo" es el elemento del nodo seleccionado actualmente. El visitante puede presionar Enter o hacer clic con el mouse en este nodo. Luego, el visitante puede usar las flechas del teclado para navegar a lo largo de la jerarquía de la vista de árbol.