我有一个自定义复合控件,其中包含一个文本框、一些验证器以及几个 UI 组件。我根本无法让客户端验证正常工作。回发后服务器端验证工作正常。我最终计划通过连接到验证 API 在验证失败时将自定义 CSS 添加到 TextBox,但我什至无法运行客户端验证。
由于该控件是通用的,因此验证器不是从复合控件本身内部生成的,而是从外部传入的,如下所示。
<mycontrol:HighlightedTextbox ID="HighlightedTextbox1" runat="server" Label="test" CssClass="generalText" FocusedCssClass="highlightText" ErrorCssClass="errorText">
<validators>
<asp:RequiredFieldValidator ID="required1" runat="server" ErrorMessage="Field is required" EnableClientScript="true" />
</validators>
<prompttemplate><span>this is a prompt</span></prompttemplate>
</mycontrol:HighlightedTextbox>
我指定了 persistchildren 属性(我相信是正确的),因此验证器实际上已添加到 Validators 属性中。这似乎也可以正常工作。
[PersistChildren(true, true), ParseChildren(true), PersistenceMode(PersistenceMode.InnerProperty)]
public abstract class BaseHighlightedControl<TControl> : CompositeControl
where TControl : Control
我有一个派生控件,它将标准 TextBox 指定为 TControl 并公开一个文本属性,但这实际上是派生类型所做的所有事情。复合控件依赖于 CreateChildControls 方法来构建控件并配置验证器。这似乎在生命周期中应该是合适的,因为我已经看到了在 CreateChildControls 方法中创建验证器的复合控件的示例。
public List<BaseValidators> Validators { get; private set; }
/// <summary>
/// Create the child controls
/// </summary>
protected override void CreateChildControls()
{
base.CreateChildControls();
this.MainControl.ID = "HighlightControl";
this.PromptTemplate.InstantiateIn(this.Prompt);
this.Prompt.Style.Add(HtmlTextWriterStyle.Display, "inline");
this.FieldLabel.Text = this.Label;
if (!this.DesignMode)
{
this.Controls.Add(this.FieldLabel);
this.Controls.Add(this.MainControl);
this.Controls.Add(this.Prompt);
AddValidators();
}
}
private void AddValidators()
{
foreach (var validator in this.Validators.OfType<BaseValidator>())
{
validator.ControlToValidate = this.MainControl.ID;
validator.ValidationGroup = this.ValidationGroup;
validator.Display = ValidatorDisplay.Dynamic;
this.Controls.Add(validator);
}
}
再次,服务器端验证发生得很好。javascript 中的 Page_Validators 集合不包含我的验证器。我添加到我无法控制的标记中的任何验证器都可以正常显示在 javascript 集合中并且可以正常工作。
我究竟做错了什么?