ASP.NET — серверные элементы управления

Элементы управления — это небольшие строительные блоки графического интерфейса пользователя, которые включают в себя текстовые поля, кнопки, флажки, списки, метки и множество других инструментов. Используя эти инструменты, пользователи могут вводить данные, делать выбор и указывать свои предпочтения.

Элементы управления также используются для структурных заданий, таких как проверка, доступ к данным, безопасность, создание главных страниц и манипулирование данными.

ASP.NET использует пять типов веб-элементов управления:

• Элементы управления HTML
• HTML-сервер управления
• Серверные элементы управления ASP.NET
• ASP.NET Ajax Server контролирует
• Пользовательские элементы управления и пользовательские элементы управления

Серверные элементы управления ASP.NET являются основными элементами управления, используемыми в ASP.NET. Эти элементы управления могут быть сгруппированы в следующие категории:

• Средства проверки — они используются для проверки ввода пользователя и работают с помощью клиентского сценария.

• Элементы управления источниками данных. Эти элементы управления обеспечивают привязку данных к различным источникам данных.

• Элементы управления представлением данных — это различные списки и таблицы, которые могут быть привязаны к данным из источников данных для отображения.

• Средства управления персонализацией — они используются для персонализации страницы в соответствии с предпочтениями пользователя на основе информации о пользователе.

• Элементы управления входом и безопасностью — эти элементы управления обеспечивают аутентификацию пользователя.

• Главные страницы — эти элементы управления обеспечивают согласованный макет и интерфейс во всем приложении.

• Элементы управления навигацией. Эти элементы управления помогают в навигации. Например, меню, вид дерева и т. Д.

• Богатые элементы управления — эти элементы управления реализуют специальные функции. Например, элементы управления AdRotator, FileUpload и Calendar.

Средства проверки — они используются для проверки ввода пользователя и работают с помощью клиентского сценария.

Элементы управления источниками данных. Эти элементы управления обеспечивают привязку данных к различным источникам данных.

Элементы управления представлением данных — это различные списки и таблицы, которые могут быть привязаны к данным из источников данных для отображения.

Средства управления персонализацией — они используются для персонализации страницы в соответствии с предпочтениями пользователя на основе информации о пользователе.

Элементы управления входом и безопасностью — эти элементы управления обеспечивают аутентификацию пользователя.

Главные страницы — эти элементы управления обеспечивают согласованный макет и интерфейс во всем приложении.

Элементы управления навигацией. Эти элементы управления помогают в навигации. Например, меню, вид дерева и т. Д.

Богатые элементы управления — эти элементы управления реализуют специальные функции. Например, элементы управления AdRotator, FileUpload и Calendar.

Синтаксис для использования серверных элементов управления:

<asp:controlType  ID ="ControlID" runat="server" Property1=value1  [Property2=value2] />

Кроме того, Visual Studio имеет следующие функции, помогающие производить кодирование без ошибок:

• Перетаскивание элементов управления в режиме конструктора
• Функция IntelliSense, которая отображает и автоматически заполняет свойства
• Окно свойств для непосредственной установки значений свойств

Свойства серверных элементов управления

Серверные элементы управления ASP.NET с визуальным аспектом являются производными от класса WebControl и наследуют все свойства, события и методы этого класса.

Сам класс WebControl и некоторые другие серверные элементы управления, которые не визуализируются, являются производными от класса System.Web.UI.Control. Например, элемент управления PlaceHolder или элемент управления XML.

Серверные элементы управления ASP.Net наследуют все свойства, события и методы классов WebControl и System.Web.UI.Control.

В следующей таблице показаны унаследованные свойства, общие для всех серверных элементов управления:

Методы управления сервером

В следующей таблице представлены методы серверных элементов управления:

пример

Давайте посмотрим на конкретный серверный элемент управления — древовидный элемент управления. Элемент управления Tree View находится под управлением навигации. Другие элементы навигации: элемент управления меню и элемент управления SiteMapPath.

Добавьте древовидный элемент управления на страницу. Выберите Edit Nodes … из задач. Отредактируйте каждый из узлов, используя редактор узлов в виде дерева, как показано на рисунке:

После создания узлов это выглядит следующим образом в режиме конструктора:

Задача Автоформат … позволяет форматировать древовидное представление, как показано ниже:

Добавьте элемент управления надписью и текстовое поле на странице и назовите их соответственно lblmessage и txtmessage.

Напишите несколько строк кода, чтобы при выборе определенного узла элемент управления меткой отображал текст узла, а в текстовом поле — все дочерние узлы, если они есть. Код за файлом должен выглядеть так:

using System;
using System.Collections;
using System.Configuration;
using System.Data;
using System.Linq;

using System.Web;
using System.Web.Security;
using System.Web.UI;
using System.Web.UI.HtmlControls;
using System.Web.UI.WebControls;
using System.Web.UI.WebControls.WebParts;

using System.Xml.Linq;
 
namespace eventdemo {
   public partial class treeviewdemo : System.Web.UI.Page {
   
      protected void Page_Load(object sender, EventArgs e) { 
         txtmessage.Text = " "; 
      }
      
      protected void TreeView1_SelectedNodeChanged(object sender, EventArgs e) {
      
         txtmessage.Text = " "; 
         lblmessage.Text = "Selected node changed to: " + TreeView1.SelectedNode.Text;
         TreeNodeCollection childnodes = TreeView1.SelectedNode.ChildNodes;
         
         if(childnodes != null) {
            txtmessage.Text = " ";
            
            foreach (TreeNode t in childnodes) {
               txtmessage.Text += t.Value;
            }
         }
      }
   }
}

Выполните страницу, чтобы увидеть эффекты. Вы сможете развернуть и свернуть узлы.