如何将expando属性添加到用户控件？

Question

我正在构建现有ASP.NET用户控件中的一些自定义JavaScript功能.usercontrol需要知道它嵌入的控件的属性.所以,我最终选择使用expando属性而不是像这样的全局javascript变量:

Page.ClientScript.RegisterExpandoAttribute(Me.ClientID, "validatorsenabled", Me.ValidatorsEnabled)

但是,尽管expando正确地输出到客户端,但usercontrol本身在HTML中没有相应的元素.因此,ASP.NET自动生成的以下JavaScript会出现"object is null"错误:

var ctl00_MainContentHolder_Payment_CreditCardInput1 = document.all ? document.all["ctl00_MainContentHolder_Payment_CreditCardInput1"] : document.getElementById("ctl00_MainContentHolder_Payment_CreditCardInput1");
ctl00_MainContentHolder_Payment_CreditCardInput1.validatorsenabled = "False";

我做了一些调查,发现这个页面表明实现IWebPart接口可能会这样做,但我试着没有运气.

有没有办法让usercontrol输出像服务器控件这样的标签？或者是将整个事物转换为服务器控件的唯一选择(在这种情况下,这违背了网站设计的范畴)？

如果有人有任何其他想法,我愿意接受在用户控件中声明共享JavaScript属性的其他建议.

Answer 1

我找到了在原始解决方案之后列出的更好的解决方案

我找到了一个解决方法。

似乎（由于我搜索该术语时缺乏回应和缺乏结果）绝大多数人都不知道 Expando 属性及其有用性。您知道当您将验证控件添加到 ASP.NET 页面时，您会在页面底部看到看起来相当大的 JavaScript 块，它设置了一堆属性（例如启用和错误消息）？这些就是我所指的。它们可以使用 Page.ClientScript.RegisterExpandoAttribute() 方法输出到页面 - 本质上它们是为了使您的标记有效 HTML，同时允许您添加其他（有意义的）属性以与 javascript 一起使用。它们是添加的并且可以通过 HTML DOM 访问，但它们实际上并不存在于 HTML 中。

无论如何，回到我的解决方案。我只是向用户控件添加了 2 个文字控件 - 一个在最开始，一个在最后，在代码隐藏中，我添加了带有用户控件 ID 的控件元素的标记（因为用户控件不输出） 。所以标记看起来像这样：

<%@ Control Language="VB" AutoEventWireup="false" CodeFile="CreditCardInput.ascx.vb" Inherits="BVModules_Controls_CreditCardInput" %>
<asp:Literal ID="litControlBegin" runat="server" />

<!-- User Control Content Here -->

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

然后在代码隐藏中，我这样做了：

Me.litControlBegin.Text = String.Format("<div id=""{0}"" class=""creditcardinput"">", Me.ClientID)
Me.litControlEnd.Text = "</div>"

现在 HTML 中将存在一个与 UserControl 的 ID (ClientID) 相对应的元素。这本质上为我提供了一个独特的命名空间来添加扩展属性 - 以及其他控件轻松识别这些属性并将它们与我的用户控件关联的方法。然后使用以下代码添加 Expando 属性：

Page.ClientScript.RegisterExpandoAttribute(Me.ClientID, "validatorsenabled", Me.ValidatorsEnabled)

由于我手动添加了 HTML 元素，它不再崩溃。如果用户控件中的管道能够像服务器控件一样处理此细节，那就太好了，但此解决方法是一个合适的替代方案。

更好的解决方案

与往常一样，当您必须求助于字符串解析时，您应该仔细看看是否有更好的方法。这次恰好有一个 - 重写 Render 方法（就像服务器控件一样）并使用 HtmlTextWriter 上的内置方法来生成输出。

Protected Overrides Sub Render(ByVal writer As System.Web.UI.HtmlTextWriter)
    writer.AddAttribute(HtmlTextWriterAttribute.Id, Me.ClientID)
    writer.RenderBeginTag(HtmlTextWriterTag.Div)
    MyBase.Render(writer)
    writer.RenderEndTag()
End Sub

这在功能上等同于我的其他解决方案中的代码 - 它生成一个带有我的用户控件 ID 的 DIV 标记。但是，它不需要像原来那样在 Page_Load 中添加额外的代码，可以更好地利用框架，并且不需要任何字符串格式化或连接。

现在，此行将直接向用户控件添加 Expando 属性（在 javascript 中）：

Page.ClientScript.RegisterExpandoAttribute(Me.ClientID, "validatorsenabled", Me.ValidatorsEnabled)