题
我有一个扩展控件,可以提高文本框的 OnTextChanged
用户完成输入后 500 毫秒发生事件。这样做的问题是 OnTextChanged
当文本框失去焦点时引发,这会导致问题(因为回发)。
我想做的是给扩展器控件它自己的服务器端事件(比如说, OnDelayedSubmit
)这样我就可以单独处理它。该事件将起源于扩展器控件的行为脚本(500 毫秒延迟后),因此将 __doPostBack
在 onchanged
不是一个选择。
谁能阐明如何解决这个问题?
解决方案
在阅读了大量关于扩展器控件和 JavaScript 的内容之后,我拼凑出了一个迄今为止似乎有效的解决方案。
主要技巧是从服务器端获取必要的回发代码到客户端行为脚本。我通过使用 ExtenderControlProperty
(这是在控件中设置的 OnPreRender
函数),然后在行为脚本中进行评估。剩下的就是基本的事件处理内容。
现在我的扩展控件 .cs
文件看起来像这样:
public class DelayedSubmitExtender : ExtenderControlBase, IPostBackEventHandler
{
// This is where we'll give the behavior script the necessary code for the
// postback event
protected override void OnPreRender(EventArgs e)
{
string postback = Page.ClientScript.GetPostBackEventReference(this, "DelayedSubmit") + ";";
PostBackEvent = postback;
}
// This property matches up with a pair of get & set functions in the behavior script
[ExtenderControlProperty]
public string PostBackEvent
{
get
{
return GetPropertyValue<string>("PostBackEvent", "");
}
set
{
SetPropertyValue<string>("PostBackEvent", value);
}
}
// The event handling stuff
public event EventHandler Submit; // Our event
protected void OnSubmit(EventArgs e) // Called to raise the event
{
if (Submit != null)
{
Submit(this, e);
}
}
public void RaisePostBackEvent(string eventArgument) // From IPostBackEventHandler
{
if (eventArgument == "DelayedSubmit")
{
OnSubmit(new EventArgs());
}
}
}
我的行为脚本看起来像这样:
DelayedSubmitBehavior = function(element) {
DelayedSubmitBehavior.initializeBase(this, [element]);
this._postBackEvent = null; // Stores the script required for the postback
}
DelayedSubmitBehavior.prototype = {
// Delayed submit code removed for brevity, but normally this would be where
// initialize, dispose, and client-side event handlers would go
// This is the client-side part of the PostBackEvent property
get_PostBackEvent: function() {
return this._postBackEvent;
},
set_PostBackEvent: function(value) {
this._postBackEvent = value;
}
// This is the client-side event handler where the postback is initiated from
_onTimerTick: function(sender, eventArgs) {
// The following line evaluates the string var as javascript,
// which will cause the desired postback
eval(this._postBackEvent);
}
}
现在,可以像处理任何其他控件上的事件一样处理服务器端事件。
不隶属于 StackOverflow