Действительно полезная особенность ASP.NET — ее расширяемость. Разработчики по всему миру могут создавать свои собственные элементы управления, которые можно легко определить в вашем собственном процессе. Среди них веб-элементы управления Internet Explorer — это такая коллекция, созданная Microsoft за пределами стандартных элементов управления ASP.NET.
Диски в проводнике Windows, а также файлы и папки под ними расположены в соответствии с иерархической структурой. В этом наборе элементов управления есть элемент управления древовидным представлением, который дает нам возможность отображать информацию в иерархической структуре. Элемент управления TreeView содержит список элементов, называемых узлами. Каждый узел может иметь собственную коллекцию узлов, что обеспечивает более глубокое определение данных. Каждый узел можно свернуть, что позволяет посетителю осуществлять поиск в древовидном элементе управления и видеть только тот уровень данных, который его интересует. Точно так же, как Проводник Windows.
Первое, что нужно прояснить, — это среда тестирования. Если среда правильная, следующая работа будет очень простой:
для тестирования этого элемента управления у вас должен быть файл под названием IE WebControls. Конкретный файл можно загрузить, щелкнув здесь. или зайдя на сайт Microsoft.
Устанавливайте по предложенному им методу. Если вы не уверены, пожалуйста, внимательно прочитайте его документ readme.
Пропустите здесь метод загрузки и перейдите непосредственно к настройке среды:
IE Web Controls
1. Дважды щелкните, чтобы завершить установку. По умолчанию: системный диск:program filesIE Web Controls.
2. Запустите «Программа — Microsoft Visual Studio.NET 2003 — Инструменты Visual Studio.NET — Командная строка Microsoft Visual Studio.NET 2003» и войдите в каталог установки IE Web Control.
3. Запускаем build.bat.
4. Запустите xcopy /s /i .buildRuntime (корневой каталог веб-сайта, системный диск по умолчанию):Inetpubwwwrootwebctrl_client1_0 /y.
Щелкните правой кнопкой мыши «Панель инструментов — Веб-форма», выберите «Добавить/удалить элементы...», выберите компонент платформы .net во всплывающем диалоговом окне, нажмите «Обзор» и найдите файл IE WebControl.dll. Просто добавьте это.
Это настраивает операционную среду. Далее наступает практический этап.
1. Определите
поле копирования кода
управления TreeView«Импорт пространства имен <%@ import namespace="Microsoft.web.UI.webcontros"%>
'Зарегистрируйте это пространство имен и присвойте ему TagPrefix, чтобы облегчить определение элементов управления в этой библиотеке элементов управления <%@ Register tagprefix = "iecontrols"
namespace="Microsoft.web.UI.webcontrols"
сборка="microsoft.web.UI.webcontrols"
%>
'После установки инструкций вы можете определить элемент управления в виде дерева, например: <iecontrols:treeview
id="tvbasic"
автовыбор="ложь"
шопплюс="правда"
шоулайны="истина"
уровень расширения=2
runat="сервер"
＞
----------
＜/idcontrols:treeview＞
Следующий код объясняет соответствующий код:
autoselect = «false»
Когда посетитель находит узел в элементе управления TreeView, он или она может использовать стрелки на клавиатуре для выполнения этого позиционирования. При использовании атрибута autoselect элемента управления TreeView. Элемент управления TreeView Если для значения установлено значение TRUE, вы можете использовать клавиши на клавиатуре для прокрутки элемента управления древовидным представлением и выбора элемента. Если установлено значение false, это не разрешено,
когда
в древовидном представлении есть два элемента
.control Когда узлы получены вместе, вы можете отобразить знак плюса (+), чтобы посетители знали, что узел можно расширить. Установив атрибут showplus, вы можете контролировать, отображается ли знак плюса в этой позиции. Если для этого атрибута установлено значение true, он будет использовать знак плюса; в противном случае не используйте.
showlines="true"
может отображать некоторые линии между двумя узлами в элементе управления древовидным представлением. Установив свойство showlines, вы можете контролировать, следует ли отображать их. такие строки
Expandlevel=2
Этот элемент управления Treeview Свойство Expandlevel используется для определения количества уровней для расширения по иерархии этого элемента управления древовидным представлением по умолчанию
.
----------
＜/iecontrols:treeview＞
Между начальными и конечными тегами, определенными в этом элементе управления древовидным представлением, вы можете определить некоторые элементы управления древовидным представлением.
2. Используйте элементы управления древовидным представлением.
Если вы создаете элемент управления древовидным представлением, вам необходимо добавить к нему некоторые элементы управления древовидным представлением. . Для отображения некоторой информации. Элемент управления Treenode отображается как элемент в иерархии элемента управления Treenode. Элемент управления Treenode может содержать элемент управления Treeview или сам элемент управления может существовать независимо. Treenode в элементе управления TreeView.
В этом примере будут показаны некоторые из моих любимых веб-сайтов, каждый из которых может быть независимым веб-сайтом, или под ним могут находиться другие веб-сайты. Этот элемент управления Treeview имеет следующее определение:
Поле копирования кода
<iecontrols:treeview.
id="веб-сайт ТВ"
автовыбор="ложь"
шоуплюс="истина"
шоулайны="истина"
уровень расширения=2
рунат = "сервер"
＞
'Затем в открывающем и закрывающем тегах элемента управления TreeView определите элемент управления Treenode <iecontrols:treenode text="сайты, которые я часто посещаю">
＜idcontrols:treenode text="Дизайн сайта"＞
＜idcontrols:treenode text="Blue Ideal" /＞
＜idcontrols:treenode text="Ветреный день" /＞
＜idcontrols:treenode text="Design Alliance" /＞
＜/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＞
Среди них определен двухуровневый узел. Это древовидное представление содержит два больших узла: «Сайт проектирования» и «Сайт программирования», а также еще два узла «Сайт программирования». узлы «Программирование ASP» и «Программирование asp.net», каждый из которых определяет другие узлы.
Обратите внимание на разницу между элементом управления «узлом дерева», который содержит другие узлы, и независимым элементом управления «узлом дерева». Когда элемент управления «узлом дерева» также содержит другие узлы дерева. элементы управления, эти дочерние элементы управления определяются между начальными и конечными тегами родительских элементов управления:
<iecontrols:treenode text="">
＜/iecontrols:treenode＞
Но для независимого элемента управления Treenode его начальный и конечный теги являются самостоятельными:
＜iecontrols:treenode text="" /＞
При первой загрузке страницы это расширение всего узла представления. Поскольку значение атрибута расширения здесь установлено равным 2, будут отображаться узлы на всех уровнях. Кроме того, следует отметить, что, поскольку атрибут showlines и атрибут showplus оба являются истинными, во всех отображаемых видах связь между узлами Линии и. отображаются поля подключения.
«Сайты, которые я часто посещаю» — это выбранный в данный момент элемент узла. Посетитель может нажать Enter или щелкнуть мышью по этому узлу. Затем посетитель может использовать стрелки на клавиатуре для навигации по иерархии древовидного представления.