Question

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

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

但是，尽管expando正确输出到客户端，但usercontrol本身在HTML中没有相应的元素。因此，ASP.NET自动生成的以下JavaScript会出现“对象为空”错误：

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";

我做了一些调查，发现this page表示实现IWebPart界面可能会这样做，但我没试过。

有没有办法让usercontrol输出像服务器控件这样的标签？或者是将整个事物转换为服务器控件的唯一选择（在这种情况下与网站设计相悖）？

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

Answer 1

我找到了一个更好的解决方案，列在原来的

之后

我找到了解决方法。

当我搜索这个词时，似乎（由于缺乏回应和缺乏结果），绝大多数人都没有意识到expando属性及其有用性。您知道何时将验证控件添加到ASP.NET页面，并且您在页面底部获得了一个相当大的JavaScript块，它设置了一堆属性（例如enabled和errormessage）？这就是我指的。可以使用Page.ClientScript.RegisterExpandoAttribute（）方法将它们输出到页面 - 实质上它们是使标记有效的HTML，同时允许您添加其他（有意义的）属性以便与javascript一起使用。它们被添加并可以通过HTML DOM访问，但它们实际上并不在HTML中。

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

<%@ 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属性 - 以及其他控件轻松识别这些属性并将其与我的usercontrol相关联的方法。然后使用以下代码添加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为my usercontrol的DIV标记。但是，它不需要像原始版本那样在Page_Load中使用额外的代码，更好地利用框架，并且不需要任何字符串格式化或连接。

现在，这一行将直接将一个expando属性（在javascript中）添加到usercontrol：

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

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

1 个答案: