我有一个带有复选框控件的自定义覆盖文本框。该控件工作正常,除非我尝试在 Javascript 中引用控件的 TextBox/CheckBox ID,然后在呈现控件之前我得到一个 HttpCompileException。是否有一个覆盖事件可以更好地在一个控件中添加多个控件,或者完全有更好的方法?
页面上的控件:OverridableTextBox runat="server" ID="otbRate" TextBoxID="txtRate" CheckBoxID="chbRate">
在 JavaScript 中引用 ID:“<%=txtRate.ClientID %>”导致 .ascx 页面的 LoadControl 事件发生 HttpCompileException
覆盖文本框类
private string _TextBoxID = "";
private string _CheckBoxID = "";
private bool _AlignOverrideLeft = false;
private string _CheckBoxText = "";
public string TextBoxID
{
get { return _TextBoxID; }
set { _TextBoxID = value; }
}
public string CheckBoxID
{
get { return _CheckBoxID; }
set { _CheckBoxID = value; }
}
public string CheckBoxText
{
get { return _CheckBoxText; }
set { _CheckBoxText = value; }
}
public bool AlignOverrideLeft
{
get { return _AlignOverrideLeft; }
set { _AlignOverrideLeft = value; }
}
public TextBox TextBox = new TextBox();
public CheckBox CheckBox = new CheckBox();
protected override void OnInit(EventArgs e)
{
Table tbl = new Table();
TableRow tr = new TableRow();
TableCell tdOne = new TableCell();
TableCell tdTwo = new TableCell();
if (AlignOverrideLeft)
{
tdOne.Controls.Add(CheckBox);
tdTwo.Controls.Add(TextBox);
}
else
{
tdOne.Controls.Add(TextBox);
tdTwo.Controls.Add(CheckBox);
}
if (_TextBoxID != "") { TextBox.ID = _TextBoxID; }
if (_CheckBoxID != "") { CheckBox.ID = _CheckBoxID; }
CheckBox.Text = _CheckBoxText;
tr.Cells.Add(tdOne);
tr.Cells.Add(tdTwo);
tbl.Rows.Add(tr);
this.Controls.Add(tbl);
}
protected override void Render(HtmlTextWriter w)
{
if (CheckBox.Checked)
{
TextBox.ReadOnly = false;
}
else
{
TextBox.ReadOnly = true;
}
string CheckBoxClickJS = "var chb = d.getElementById('" + CheckBox.ClientID + "'); var txt = d.getElementById('" + TextBox.ClientID + "');";
CheckBoxClickJS += "if (chb.checked) { EnableTextBox(txt); txt.select(); } else { DisableTextBox(txt); }";
if (CheckBox.Attributes["onclick"] != null)
{
CheckBox.Attributes.Add("onclick", CheckBox.Attributes["onclick"].ToString() + CheckBoxClickJS);
}
else
{
CheckBox.Attributes.Add("onclick", CheckBoxClickJS);
}
base.Render(w);
}