【分享】关于TextBox的一个小‘秘密’
第一次遇到这个问题是两年前。
页面上有几个只读的文本框,在保存信息之前,页面发生了回发,可是这几个文本框的值却不见了。当时很困惑,不过由于刚毕业且刚刚接触.Net,并不知道怎样查找出现这个问题的原因。最后只好去掉了ReadOnly属性,并加上onkeydown="return false;"来代替。
这两天又遇到了这种情形。我们用一个简单的页面来模拟这种情形。页面包含一个只读文本框和一个按钮。
<asp:TextBox ID="txtTest" runat="server" ReadOnly="true"></asp:TextBox>
<asp:Button ID="btn" runat="server" Text="Button" />
<script type="text/javascript">
<% if( !IsPostBack){ %>
var txt = document.getElementById('<%=txtTest.ClientID %>');
txt.value = "test";
<%}%>
</script>
<asp:Button ID="btn" runat="server" Text="Button" />
<script type="text/javascript">
<% if( !IsPostBack){ %>
var txt = document.getElementById('<%=txtTest.ClientID %>');
txt.value = "test";
<%}%>
</script>
文本框只有页面第一次加载才会被赋值。此后如果点击按钮,文本框的值就‘神奇’地失踪了。
为什么呢?
最开始我想难道是只读的文本框值不会被回发。于是写了一个继承自TextBox的控件来验证(本来想用reflector来调试TextBox,无奈过期了):
public class MyTextBox : TextBox
{
protected override bool LoadPostData(string postDataKey, System.Collections.Specialized.NameValueCollection postCollection)
{
return base.LoadPostData(postDataKey, postCollection);
}
}
{
protected override bool LoadPostData(string postDataKey, System.Collections.Specialized.NameValueCollection postCollection)
{
return base.LoadPostData(postDataKey, postCollection);
}
}
然而postCollection却是包含了该文本框的值的。
那究竟为何呢?看看下面的代码就明白了(Button的源代码):
protected virtual bool LoadPostData(string postDataKey, NameValueCollection postCollection)
{
base.ValidateEvent(postDataKey);
string text = this.Text;
string str2 = postCollection[postDataKey];
if (!this.ReadOnly && !text.Equals(str2, StringComparison.Ordinal))
{
this.Text = str2;
return true;
}
return false;
}
{
base.ValidateEvent(postDataKey);
string text = this.Text;
string str2 = postCollection[postDataKey];
if (!this.ReadOnly && !text.Equals(str2, StringComparison.Ordinal))
{
this.Text = str2;
return true;
}
return false;
}
是的,问题就在于!this.ReadOnly ,对于只读的文本框回发后是不会给它赋值的。