O recurso realmente útil do ASP.NET é a sua extensibilidade. Desenvolvedores de todo o mundo podem criar seus próprios controles personalizados que podem ser facilmente definidos em seu próprio processo. Entre eles, os Controles da Web do Internet Explorer são uma coleção criada pela Microsoft fora dos controles padrão do ASP.NET.
As unidades no Windows Explorer e os arquivos e pastas abaixo delas são organizados de acordo com uma estrutura hierárquica. Nesse conjunto de controles, há um controle de visualização em árvore que nos fornece uma maneira de exibir informações em uma estrutura hierárquica. O controle treeview contém uma lista de itens chamados nós. Cada nó pode ter sua própria coleção de nós, fornecendo uma definição de dados mais profunda. Cada nó pode ser recolhido, permitindo ao visitante pesquisar dentro de um controle treeview e ver apenas o nível de dados que lhe interessa. Assim como o Windows Explorer.
A primeira coisa a deixar claro é o ambiente de teste Desde que o ambiente esteja correto, o próximo trabalho será muito fácil:
para testar este controle, você deve ter um arquivo chamado IE WebControls. O arquivo específico pode ser baixado clicando aqui. ou acessando o site da Microsoft.
Instale de acordo com o método que ele forneceu. Se você não tiver certeza, leia o documento leia-me com atenção.
Ignore o método de download aqui e vá diretamente para a configuração do ambiente:
IE Web Controls
1. Clique duas vezes para concluir a instalação Padrão: disco do sistema:arquivos de programasdiretório IE Web Controls.
2. Execute "Programa - Microsoft Visual Studio.NET 2003 - Ferramentas do Visual Studio.NET - Prompt de comando do Microsoft Visual Studio.NET 2003" e entre no diretório de instalação do IE Web Control.
3. Execute build.bat.
4. Execute xcopy /s /i .buildRuntime (diretório raiz do site, disco do sistema padrão):Inetpubwwwrootwebctrl_client1_0 /y.
Clique com o botão direito em "Toolbox - Web Form", selecione "Adicionar/Remover Itens...", selecione o componente .net framwork na caixa de diálogo pop-up, clique em "Procurar" e encontre o arquivo IE WebControl.dll. Basta adicioná-lo.
Isso configura o ambiente operacional. Em seguida vem a etapa prática.
1. Defina a
caixa de cópia do código
de controle TreeView'Import namespace <%@ import namespace="Microsoft.web.UI.webcontros"%>
'Registre este namespace e atribua a ele um TagPrefix para facilitar a definição de controles nesta biblioteca de controles <%@register tagprefix = "iecontrols"
namespace="Microsoft.web.UI.webcontrols"
assembly = "microsoft.web.UI.webcontrols"
%>
'Depois de definir as instruções, você pode definir um controle treeview como o seguinte <iecontrols:treeview
id="tvbásico"
seleção automática = "falso"
shoplus = "verdadeiro"
linhas de exibição = "verdadeiro"
nível de expansão = 2
runat = "servidor"
>
----------
＜/idcontrols:treeview＞
O código correspondente é explicado a seguir:
autoselect = "false"
Quando um visitante localiza um nó no controle TreeView, ele pode usar as setas do teclado para realizar esse posicionamento. Controle TreeView Quando o valor é definido como TRUE, você pode usar as teclas do teclado para rolar no controle treeview e selecionar um item. Se definido como false, isso não será permitido
quando
dois itens estiverem em uma treeview. control Quando os nós são recebidos juntos, você pode exibir um sinal de mais (+) para que os visitantes saibam que o nó pode ser expandido. Ao definir o atributo showplus, você pode controlar se o sinal de mais será exibido nesta posição. o valor deste atributo for definido como verdadeiro, ele usará o sinal de mais; caso contrário, não use
showlines="true"
para exibir algumas linhas entre dois nós em um controle de visualização em árvore. tais linhas.
Expandlevel=2
Este controle Treeview A propriedade Expandlevel é usada para determinar o número de níveis a serem expandidos ao longo da hierarquia deste controle treeview por padrão
<iecontrols:treeview>
.
----------
＜/iecontrols:treeview＞
Entre as tags de início e fim definidas neste controle treeview, você pode definir alguns controles treenode.
2.
Use controles treenode em controles treeview.
. Para exibir algumas informações. O controle treenode é exibido como um item na hierarquia do controle treeview. O controle treenode pode conter o controle treeview ou o próprio controle também pode existir de forma independente. treenode em um controle treeview
Este exemplo exibirá alguns dos meus sites favoritos, cada um dos quais pode ser um site independente ou pode haver outros sites abaixo dele. Este controle treeview tem a seguinte definição:
Code copy box
<iecontrols:treeview.
id="sitedetv"
seleção automática = "falso"
showplus = "verdadeiro"
linhas de exibição = "verdadeiro"
nível de expansão = 2
runat = "servidor"
>
'Em seguida, nas tags de abertura e fechamento do controle treeview, defina o controle treenode <iecontrols:treenode text="sites que visito frequentemente">
＜idcontrols:treenode text="Design do site"＞
＜idcontrols:treenode text="Azul Ideal" /＞
＜idcontrols:treenode text="Dia de Vento" /＞
＜idcontrols:treenode text="Design Alliance" /＞
＜/iecontrols:treenode＞
＜iecontrols:treenode text="Site de programação"＞
<iecontrols:treenode text="Programação ASP">
＜iecontrols:treenode text="ASP COOL" /＞
＜iecontrols:treenode text=""/＞
＜/iecontrols:treenode＞
<iecontrols:treenode text="Programação ASP.NET">
＜iecontrols:treenode text="Rede de tecnologia Dotnet" /＞
＜iecontrols:treenode text="asp.net"/＞
＜/iecontrols:treenode＞
＜iecontrols:treenode text="Acampamento base do programador" /＞
＜/iecontrols:treenode＞
＜/iecontrols:treenode＞
Entre eles, um nó de dois níveis é definido. Esta visualização em árvore contém dois nós grandes: "Site de Design" e "Site de Programação", e há mais dois nós em "Site de Programação". nós "Programação ASP" e "Programação asp.net", cada um dos quais define outros nós.
Preste atenção à diferença entre um controle treenode que contém outros nós e um controle treenode independente Quando um controle treenode também contém Quando há outro treenode. controles, esses controles filhos são definidos entre as tags inicial e final de seus controles pai:
<iecontrols:treenode text="">
＜/iecontrols:treenode＞
Mas para um controle treenode independente, suas tags de início e fim são independentes:
＜iecontrols:treenode text="" /＞
Quando a página é carregada pela primeira vez, esta é a expansão de todo o nó de visualização. Como o valor do atributo expandlevel aqui é definido como 2, os nós em todos os níveis serão exibidos. Além disso, deve-se notar que, como o atributo showlines e o atributo showplus são verdadeiros, em todas as visualizações exibidas, a conexão entre os nós As linhas e. caixas de conexão são exibidas.
"Sites que visito frequentemente" é o item do nó atualmente selecionado. O visitante pode pressionar Enter ou clicar com o mouse neste nó.