如果您正在创建的控件位于单独组装,您可以将 CSS 文件嵌入到程序集中,使其可重用并创建一个从您的控制中直接链接到这些文件,然后在您的控制中您将把它们注册为渲染为link
您页面中的标签
注意:请记住,您需要将程序集中的 CSS 文件标记为嵌入式资源
只需选择您的文件 |然后属性并更改其构建行动属性并将其设置为:嵌入式资源
在下面的代码中:
以下代码示例显示了所需的步骤:(在您的自定义服务器控件中)
[assembly: WebResource("AjaxEnabled.Web.UI.DefaultStyle.css", "text/css")]
protected override void OnInit(EventArgs e)
{
base.OnInit(e);
if (this.Page.Header != null)
{
if (!this.Page.ClientScript.IsClientScriptBlockRegistered("defaultCss"))
{
var link = new HtmlLink();
link.Href = this.Page.ClientScript.GetWebResourceUrl(
typeof(YourControlType),
"AjaxEnabled.Web.UI.DefaultStyle.css"
);
link.Attributes.Add("rel", "stylesheet");
link.Attributes.Add("type", "text/css");
this.Page.Header.Controls.Add(link);
this.Page.ClientScript.RegisterClientScriptBlock(
typeof(Page),
"defaultCss",
string.Empty
);
}
}
}
您需要添加一个实例ScriptManager
包含自定义控件的页面中的控件
<asp:ScriptManager runat="server" ID="sm"/>
在你的 ASPX 页面中你需要标记header
作为服务器控件的部分
<head runat="server">
下面的代码:
link.Href = this.Page.ClientScript.GetWebResourceUrl(
typeof(YourControlType),
"AjaxEnabled.Web.UI.DefaultStyle.css");
呈现链接直接嵌入到程序集中的 CSS 文件
这个条件:
if (!this.Page.ClientScript.IsClientScriptBlockRegistered("defaultCss"))
...
this.Page.ClientScript.RegisterClientScriptBlock(
typeof(Page),
"defaultCss",
string.Empty
);
确保 CSS 在页面中仅呈现一次,即使您删除了多个控件实例