自定义用户控件ascx

1.新建一个WebUserControl.ascx文件

2.其内容修改为

注：正式应该是把
<script runat="server">
....
</script>这段代码中写入WebUserControl.ascx.cs中

<%@ Control Language="C#" AutoEventWireup="true" CodeFile="WebUserControl.ascx.cs" Inherits="WebUserControl" %>
<script runat="server">
    protected int currentColorIndex;
    protected String[] colors = {"Red", "Blue", "Green", "Yellow"};
    protected void Page_Load(object sender, EventArgs e)
    {
        if (IsPostBack)
        {
            currentColorIndex =Int16.Parse(ViewState["currentColorIndex"].ToString());
        }
        else
        {
            currentColorIndex = 0;
            DisplayColor();
        }
    }

    protected void DisplayColor()
    {
        textColor.Text = colors[currentColorIndex];
        ViewState["currentColorIndex"] = currentColorIndex.ToString();
    }
    
    protected void buttonUp_Click(object sender, EventArgs e)
    {
        if(currentColorIndex == 0)
        {
            currentColorIndex = colors.Length - 1;
        }
        else
        {
            currentColorIndex -= 1;
        }
        DisplayColor();
    }

    protected void buttonDown_Click(object sender, EventArgs e)
    {
        if(currentColorIndex == (colors.Length - 1))
        {
            currentColorIndex = 0;
        }    
        else
        {
            currentColorIndex += 1;
        }
        DisplayColor();
    }
</script>

<asp:TextBox ID="textColor" runat="server" ReadOnly="True" />
<asp:Button Font-Bold="True" ID="buttonUp" runat="server" Text="^" OnClick="buttonUp_Click" />
<asp:Button Font-Bold="True" ID="buttonDown" runat="server"  Text="v" OnClick="buttonDown_Click" />

3.在Default.aspx切换到Design视图,将WebUserControl.ascx拖到页面上，便会自动生成如下代码：

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

...

 <uc1:WebUserControl ID="WebUserControl1" runat="server" />

 

• 一个 TagPrefix 属性，该属性将前缀与用户控件相关联。此前缀将包括在用户控件元素的开始标记中。

• 一个 TagName 属性，该属性将名称与用户控件相关联。此名称将包括在用户控件元素的开始标记中。

• 一个 Src 属性，该属性定义包括的用户控件文件的虚拟路径。