我正在构建一个非常简单的ASP.NET用户控件,以便在jQuery UI样式的帮助下显示消息。
为此,我构建了一个单独的Web项目,该项目由站点项目引用 我在web.config中引用它,如下所示:
<pages>
<controls>
<add tagPrefix="uc" namespace="Website.Main.UserControls" assembly="Website.Main.UserControls" />
</controls>
</pages>
然后在测试页面中,我实例化它:
<uc:StatusMessage ID="Test" runat="server" Type="Help" Text="testing.." />
以下是控件的代码
using System;
namespace Website.Main.UserControls
{
public partial class StatusMessage : System.Web.UI.UserControl
{
public enum MessageType
{
Error,
Notice,
Help,
Info,
Success
}
public string Text
{
get { return Message.Text; }
set
{
Message.Text = value;
}
}
private MessageType _type;
public MessageType Type
{
get { return _type; }
set
{
_type = value;
if (_type == MessageType.Error)
{
MessageContainer.Attributes["class"] = "ui-icon ui-icon-alert";
MessageIcon.Attributes["class"] = "ui-state-error ui-corner-all";
}
else
{
MessageIcon.Attributes["class"] = "ui-state-highlight ui-corner-all";
if (_type == MessageType.Notice)
{
MessageContainer.Attributes["class"] = "ui-icon ui-icon-notice";
}
else if (_type == MessageType.Help)
{
MessageContainer.Attributes["class"] = "ui-icon ui-icon-help";
}
else if (_type == MessageType.Info)
{
MessageContainer.Attributes["class"] = "ui-icon ui-icon-info";
}
else if (_type == MessageType.Success)
{
MessageContainer.Attributes["class"] = "ui-icon ui-icon-check";
}
}
}
}
protected void Page_Load(object sender, EventArgs e)
{
}
public void SetText(string text, MessageType type = MessageType.Info)
{
Text = text;
Type = type;
StatusMessagePanel.Update();
}
}
}
标记
<%@ Control Language="C#" AutoEventWireup="true" CodeBehind="StatusMessage.ascx.cs" Inherits="Website.Main.UserControls.StatusMessage" %>
<asp:UpdatePanel ID="StatusMessagePanel" runat="server" UpdateMode="Conditional">
<ContentTemplate>
<div class="ui-widget">
<div style="margin-top: 20px; padding-left: 7px; padding-top: 7px;" class="ui-state-highlight ui-corner-all" id="MessageContainer" runat="server">
<p>
<span style="float: left; margin-top: 4px; margin-right: .3em;" class="ui-icon ui-icon-info" id="MessageIcon" runat="server"></span>
<asp:Label ID="Message" runat="server"></asp:Label>
</p>
</div>
</div>
</ContentTemplate>
</asp:UpdatePanel>
问题是,每当我到达此控件的代码隐藏时,也就是说,当页面呈现并获取属性时,所有uc成员都是null
。即:Message
,MessageContainer
,MessageIcon
和StatusMessagePanel
都是null
。
我不知道是什么导致了这种行为,我尝试删除更新面板但没有任何变化。
答案 0 :(得分:2)
使用web.config文件,您只能注册服务器Web控件。但是对于用户控件,您必须在每个使用这些控件的页面上添加register标记。像这样:<%@ Register TagPrefix="uc" TagName="StatusMessage " Src="~/UserControls/StatusMessage .ascx" %>