UserControl с определяемым содержимым (Как создать шаблонный пользовательский элемент управления) - PullRequest
1 голос
/ 25 ноября 2011

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

Можно ли добиться аналогичной функциональности с помощью пользовательского элемента управления, где я определяю весь свой собственный «хром» в элементе управления, но могу перетаскивать его на страницу, где хочу, и определять содержимое внутри для каждого отдельного экземпляра

Ответы [ 4 ]

2 голосов
/ 25 ноября 2011

Я думаю, что вы говорите о Templated User Control .Удачи!

1 голос
/ 02 декабря 2011

Как указала Ханлет Эсканьо, это вполне возможно сделать.Я покажу:

Это разметка управления пользователя:

<%@ Control Language="C#" AutoEventWireup="true" CodeBehind="TemplatedUserControl.ascx.cs" Inherits="Templated_User_Control.TemplatedUserControl" %>
<table border="1">
    <tr>
        <th>Head</th>
    </tr>
    <tr>
        <td>
            <asp:PlaceHolder ID="plContent" runat="server"></asp:PlaceHolder>
        </td>
    </tr>
    <tr>
        <td>Foot</td>
    </tr>
</table>

Это код управления пользователя:

using System;
using System.Web.UI;

namespace Templated_User_Control
{
    public partial class TemplatedUserControl : System.Web.UI.UserControl
    {
        private ITemplate content_m = null;

        [TemplateContainer(typeof(ContentContainer))]
        [PersistenceMode(PersistenceMode.InnerProperty)]
        public ITemplate Content
        {
            get
            {
                return content_m;
            }
            set
            {
                content_m = value;
            }
        }

        void Page_Init()
        {
            if (content_m != null)
            {
                ContentContainer container = new ContentContainer();

                //This is the real magic.  Take the contents, and put it in our ContentContainer object, then
                //add the ContentContainer object as a child control of the placeholder so it renders inside the user control
                content_m.InstantiateIn(container);
                this.plContent.Controls.Add(container);
            }
        }

        protected void Page_Load(object sender, EventArgs e) {}
        public class ContentContainer : Control, INamingContainer {}
    }
}

Это разметка страницы:

<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="Default.aspx.cs" Inherits="Templated_User_Control.Default" %>
<%@ Register src="TemplatedUserControl.ascx" tagname="TemplatedUserControl" tagprefix="uc1" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title></title>
</head>
<body>
    <form id="form1" runat="server">
    <div>
        <uc1:TemplatedUserControl ID="TemplatedUserControl1" runat="server">
            <Content>
                Template user control test.<br />
                <asp:Literal ID="litTest" runat="server">this is a test!</asp:Literal><br />
                abc 123!
            </Content>
        </uc1:TemplatedUserControl>
    </div>
    </form>
</body>
</html>
1 голос
/ 25 ноября 2011

Параметры:

1) Шаблонные элементы управления, на которые ссылаются Uwe и Hanlet

2) библиотека jQuery UI

3) Веб-части ASP.NET 2.0

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

0 голосов
/ 25 ноября 2011

Да, это вполне возможно.

Вот отличный пример , где разработчик переопределяет существующий элемент управления (я выбрал статью с Panel, так как вы использовали ее в качестве примера) и по-прежнему допускает контент внутри.

Статья хорошая, но вы можете найти пример кода еще более полезным.

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...