ASP.NET Создание собственных ЭУ

Создание собственных ЭУ
2 метода

Web Controls
(Создаются .ascx - файлы, аналогично созданию страницы)

Custom Controls
(Не имеют файла разметки, полностью описываются кодом)

1 способ
Создание Web Controls
Создаем
Add -- New Item -- Web Form (.aspx - файл)
Add -- New Item -- Web User Control (.ascx - файл)

Создадим контролер выпадающий список для выбора года
Year.ascx

<%@ Control Language="C#" AutoEventWireup="true" CodeBehind="Year.ascx.cs" Inherits="WebApplication9.Year" %>
<asp:DropDownList ID="DropDownList1" runat="server"></asp:DropDownList>

Зададим логику
Year.ascx.cs

using System;
using System.Collections.Generic;
using System.Linq;
using System.Web;
using System.Web.UI;
using System.Web.UI.WebControls;

namespace WebApplication9
{
    public partial class Year : System.Web.UI.UserControl
    {
        protected void Page_Load(object sender, EventArgs e)
        {
            for (int i = 1990; i <= DateTime.Now.Year; ++i)
            {
                DropDownList1.Items.Add(i.ToString());
            }
        }

        public int SelectedYear
        {
            get 
            {
                return Convert.ToInt32(DropDownList1.SelectedValue);
            }
        }
    }
}

Далее на странице нужно зарегистрировать контрол

<%@ Register Src="~/Year.ascx" TagPrefix="My" TagName="YearControl" %>

и добавить его на страницу

<My:YearControl runat="server" ID="Year1"></My:YearControl>

вся страница

<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="ControlTest.aspx.cs" Inherits="WebApplication9.ControlTest" %>
<%@ Register Src="~/Year.ascx" TagPrefix="My" TagName="YearControl" %>

<!DOCTYPE html>

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title></title>
</head>
<body>
    
    <div>
    
        <My:YearControl runat="server" ID="Year1"></My:YearControl>
        <br />
        <br />
        <asp:Button ID="Button1" runat="server" Text="Button" OnClick="Button1_Click" />

    </div>
    
</body>
</html>

2 способ
Создание Custom Controls
Add -- New Item -- вкладка Code -- Code File (.cs)

Создаем класс C#, наследующий от базового класса Control
//Создание таблицы с задаваемым количеством строк и столбцов

using System.Web.UI;

namespace MyControls
{
	public class MyTableControl : Control
	{
		public int ColNum { get; set; }
		public int RowNum { get; set; }
		public string Text { get; set; }

		public MyTableControl() //конструктор по умолчанию
		{
			ColNum = 2;
			RowNum = 2;
			Text = "text";
		}

		protected override void Render(HtmlTextWriter writer)
		{
			writer.RenderBeginTag(HtmlTextWriterTag.Table);
			for (int i = 0; i < RowNum; ++i)
			{
				writer.RenderBeginTag(HtmlTextWriterTag.Tr);
				for (int j = 0; j < ColNum; ++j)
				{
					writer.RenderBeginTag(HtmlTextWriterTag.Td);
						writer.WriteEncodedText(Text);
					writer.RenderEndTag(); // td
				}
				writer.RenderEndTag(); // tr
			}
			writer.RenderEndTag(); // table
			base.Render(writer);
		}
	}
}

Далее на странице нужно зарегистрировать контрол
//Указать имя сборки, пространство имен и tagPrefix

<%@ Register assembly="WebApplication9" namespace="MyControls" tagPrefix="MyControls"%>

и указать его

<MyControls:MyTableControl runat="server" ColNum="5" RowNum="20" Text="test text"></MyControls:MyTableControl>

Страница целиком

<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="ControlTest.aspx.cs" Inherits="WebApplication9.ControlTest" %>
<%@ Register assembly="WebApplication9" namespace="MyControls" tagPrefix="MyControls"%>


<!DOCTYPE html>

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title></title>
</head>
<body>
    
    <div>
		
		<MyControls:MyTableControl runat="server" ColNum="5" RowNum="20" Text="test text"></MyControls:MyTableControl>

    </div>
    
</body>
</html>

Добавить атрибуты в созданный HTML-тегам можно через

writer.AddAttribute("cellpadding","4");

или

writer.AddStyleAttribute("border","1px solid black");

Добавляет атрибут стиля разметки в открывающий тег элемента, создаваемого объектом HtmlTextWriter с последующим вызовом метода RenderBeginTag.

Контрол целиком

using System.Web.UI;

namespace MyControls
{
	public class MyTableControl : Control
	{
		public int ColNum { get; set; }
		public int RowNum { get; set; }
		public string Text { get; set; }

		public MyTableControl() //конструктор по умолчанию
		{
			ColNum = 2;
			RowNum = 2;
			Text = "text";
		}

		protected override void Render(HtmlTextWriter writer)
		{
			writer.AddAttribute("cellpadding","4");
			writer.AddStyleAttribute("border","1px solid black");
			writer.RenderBeginTag(HtmlTextWriterTag.Table);
			for (int i = 0; i < RowNum; ++i)
			{
				writer.RenderBeginTag(HtmlTextWriterTag.Tr);
				for (int j = 0; j < ColNum; ++j)
				{
					writer.RenderBeginTag(HtmlTextWriterTag.Td);
						writer.WriteEncodedText(Text);
					writer.RenderEndTag(); // td
				}
				writer.RenderEndTag(); // tr
			}
			writer.RenderEndTag(); // table
			base.Render(writer);
		}
	}
}

Создаем кнопку
1 способ

writer.AddAttribute("type", "submit");
			writer.AddAttribute("value", "Click Me");
			writer.AddAttribute("name", this.UniqueID);
			writer.AddAttribute("id", this.UniqueID);
			writer.RenderBeginTag(HtmlTextWriterTag.Input);
			writer.RenderEndTag(); //input

2 способ

writer.Write("<INPUT TYPE=\"submit\" name=" + this.UniqueID + " Value =\"Click Me\" />");

Добавляем в контрол делегат и обработку события щелчка по кнопке

public delegate void OnClickEventHandler(object sender, EventArgs args);

		public event OnClickEventHandler OnClick;

		public void RaisePostBackEvent(string eventArgument)
		{
			OnClick(this, EventArgs.Empty);
		}

и добавляем в контрол наследование от интерфейса IPostBackEventHandler
Чтобы создать серверный элемент управления, собирающий сведения об отправке формы из браузера, следует реализовать этот интерфейс.
http://msdn.microsoft.com/ru-ru/library/system.web.ui.ipostbackeventhandler.aspx

В конечном итоге,
контрол

using System;
using System.Web.UI;

namespace MyControls
{
	public class MyTableControl : Control, IPostBackEventHandler
	{
		public int ColNum { get; set; }
		public int RowNum { get; set; }
		public string Text { get; set; }

		public MyTableControl() //конструктор по умолчанию
		{
			ColNum = 2;
			RowNum = 2;
			Text = "text";
		}

		protected override void Render(HtmlTextWriter writer)
		{
			writer.AddAttribute("cellpadding","4");
			writer.AddStyleAttribute("border","1px solid black");
			writer.RenderBeginTag(HtmlTextWriterTag.Table);
			for (int i = 0; i < RowNum; ++i)
			{
				writer.RenderBeginTag(HtmlTextWriterTag.Tr);
				for (int j = 0; j < ColNum; ++j)
				{
					writer.RenderBeginTag(HtmlTextWriterTag.Td);
						writer.WriteEncodedText(Text);
					writer.RenderEndTag(); // td
				}
				writer.RenderEndTag(); // tr
			}
			writer.RenderEndTag(); // table

			writer.AddAttribute("type", "submit");
			writer.AddAttribute("value", "Click Me");
			writer.AddAttribute("name", this.UniqueID);
			writer.AddAttribute("id", this.UniqueID);
			writer.RenderBeginTag(HtmlTextWriterTag.Input);
			writer.RenderEndTag(); //input
			
			//writer.Write("<INPUT TYPE=\"submit\" name=" + this.UniqueID + " Value =\"Click Me\" />");

			base.Render(writer);
		}

		public delegate void OnClickEventHandler(object sender, EventArgs args);
		public event OnClickEventHandler Click;

		#region IPostBackEventHandler Members

		public void RaisePostBackEvent(string eventArgument)
		{
			Click(this, EventArgs.Empty);
		}

		#endregion
	}
}

Страница

<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="ControlTest.aspx.cs" Inherits="WebApplication9.ControlTest" %>
<%@ Register assembly="WebApplication9" namespace="MyControls" tagPrefix="MyControls"%>

<!DOCTYPE html>

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title></title>
</head>
<body>
    
    <div>
		
		<MyControls:MyTableControl runat="server" ColNum="5" RowNum="20" Text="test text" ID="Control1" OnClick="Control1_Click"></MyControls:MyTableControl>

    </div>
    
</body>
</html>

Логика страницы (добавлен обработчик OnClick)

using System;

namespace WebApplication9
{
    public partial class ControlTest : System.Web.UI.Page
    {
        protected void Page_Load(object sender, EventArgs e)
        {
            
        }

		protected void Control1_Click(object sender, EventArgs e)
		{
			Control1.RowNum = 1000;
			Control1.ColNum = 1000;
			Control1.Text = "lala";
		}
    }
}

Курсы по asp.net от intuit.ru часть №4

ASP.NET Создание собственных ЭУ

Смотрите также