首页 > 解决方案 > 如何在页面上重用asp.net控件

问题描述

我正在使用网络表单,并且在两个不同的块中有相同的文本。HTML:

<div class="div1">
    <p>My text</p>
</div>
<div class="div2">
    <p>My text</p>
</div>

我必须使用 asp.net 控件。我正在使用的代码

<asp:Literal runat="server" ID="lblText"></asp:Literal>

有没有办法将此控件重新用于第二个文本块,而不是使用另一个 ID 创建此控件的克隆?

我不能使用<%=此页面的标签。

标签: asp.netwebformsascx

解决方案


asp: Literal是的,您可以将DIV 的 HTML 一起封装在 a 中UserControl并公开该Text属性。

MyText.ascx:

<%@ Control Language="C#" AutoEventWireup="true" CodeFile="MyText.ascx.cs" Inherits="MyText" %>
<div>
    <p>
        <asp:Literal runat="server" ID="lblText" />
    </p>
</div>

MyText.ascx.cs:

using System.Web.UI;
public partial class MyText : UserControl
{
    public string Text
    {
        get
        {
            return lblText.Text;
        }
        set
        {
            lblText.Text = value;
        }
    }
}

并在 WebForm 中使用它:

<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default.aspx.cs" Inherits="_Default" %>

<%@ Register src="MyText.ascx" tagname="MyText" tagprefix="uc1" %>

<!DOCTYPE html>

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title></title>
</head>
<body>
    <form id="form1" runat="server">
        <uc1:MyText ID="uc1MyText1" runat="server" Text="My text"/>
        <uc1:MyText ID="uc1MyText2" runat="server" Text="My text 2"/>
        <uc1:MyText ID="uc1MyText3" runat="server" Text="My text 3"/>
    </form>
</body>
</html>

结果:

在此处输入图像描述


推荐阅读