2

我有一个图像按钮声明为,

<div>
    <asp:ImageButton ID="btnDoWork" runat="server" ImageUrl="/_LAYOUTS/1033/IMAGES/row.png" ValidationGroup="Page" />
</div>
<div>
    <asp:RequiredFieldValidator runat="server" ID="reqName" ControlToValidate="txtEmail" ValidationGroup="Page" ErrorMessage="enter a email" />
    <asp:RegularExpressionValidator ID="RegularExpressionValidator1" runat="server" ValidationExpression="^([\w\.\-]+)@([\w\-]+)((\.(\w){2,3})+)$" ControlToValidate="txtEmail" ValidationGroup="Page" ErrorMessage="enter a email" />
</div>

在更新面板中,

现在在代码后面我正在做这样的事情,

btnDoWork = (ImageButton)this.control.FindControl("btnDoWork"); //this code is in childcontrols method
btnDoWork.Click += new ImageClickEventHandler(btnDoWork_Click);

然后

protected void btnDoWork_Click(object sender, ImageClickEventArgs e)
        {

//Process a bit of code and at end,

this.Page.Unload += new EventHandler(Page_Unload_MessageBox);

然后在按钮单击事件中,

public static void Page_Unload_Page_Unload_MessageBox(object sender, EventArgs e)
        {
            System.Globalization.CultureInfo _culture = Thread.CurrentThread.CurrentUICulture;
            StringBuilder sb = new StringBuilder();
            sb.Append("<script language=\"javascript\">");
            sb.Append("$('body').append(\"<div id='M'><span id='text'>" +
               SPUtility.GetLocalizedString("$Resources:abc", "def", (uint)_culture.LCID) +
               "</span><br/><div id='BB' onclick='return BB();'><a href='' onclick='return BB();'>" +
               SPUtility.GetLocalizedString("$Resources:OK", "def", (uint)_culture.LCID) +
               "</a></div></div>\");");
            sb.Append("function BB() { $('#M').remove(); $('#E').remove(); return false; }");
            sb.Append("function dM(){   var browser = navigator.appName; if (browser == 'Netscape') { $('#M').css({ 'top': '5%' }, 500);    } }");
            sb.Append("</script>");

            // Write the JavaScript to the end of the response stream.
            HttpContext.Current.Response.Write(sb.ToString());

现在,如果我输入电子邮件地址时会出错,而当它尝试思考时Response.Write,我想知道有什么替代方法,例如,我可以在更新面板或任何其他事件或其他东西中使用触发器。

这是我现在得到的错误,

在 Chrome 和 IE 上

注意:我更改了所有变量名称,所以如果不匹配,请不要混淆

4

2 回答 2

0

消息很清楚,你不能HttpContext.Current.Response.Write在更新面板上添加这个命令,因为不知道如何处理它,因为更新面板返回一个结构体,javascript 使用它来重绘页面的某些部分。

解决方案是在 UpdatePanel 中添加一个文字控件,在您希望添加额外 html 代码的地方,并将该控件的渲染编写为:

txtLiteralID.Text = sb.ToString();

但是,在这里您遇到了与正常情况不同的情况,您赢得了渲染和运行脚本。

主要问题是如何触发脚本运行。唯一的方法是使用这个标准代码的 UpdatePanel 处理程序:

<script type="text/javascript"> 
   // if you use jQuery, you can load them when dom is read.
   $(document).ready(function () {
       var prm = Sys.WebForms.PageRequestManager.getInstance();    
       prm.add_initializeRequest(InitializeRequest);
       prm.add_endRequest(EndRequest);

    });        

    function InitializeRequest(sender, args) {
    }

    function EndRequest(sender, args) {
       // after update occur on UpdatePanel run the code.
       UnloadMsgBox();
    }
</script>

现在EndRequest你需要调用你的脚本,它可能都存在于你的代码中:

function UnloadMsgBox()
{
    // render your code of the javascript.
    $('body').append(\"<div id='M'><span id='text'></span><br/><div id='BB' onclick='return BB();'><a href='' onclick='return BB();'></a></div></div>\");

    function BB() { $('#M').remove(); $('#E').remove(); return false; }"
    function dM(){   var browser = navigator.appName; if (browser == 'Netscape') { $('#M').css({ 'top': '5%' }, 500);    } }"
}

并且不需要在 UpdatePanel 上呈现它。

总结一下:

  • 在更新面板上,您不能使用Response.Write来渲染某些东西,而是使用文字控件来渲染他。
  • 在更新面板上,您无法呈现 javascript 代码并期望运行,要运行您需要使用 UpdatePanel 附带的 EndRequest 处理程序的 javascript 代码。
于 2012-11-23T16:08:04.717 回答
0

MS Ajax 调用执行全页渲染,计算原始差异,将差异发送到客户端,然后神奇地在浏览器中合并差异。

如果您只是发送 javascript 作为响应,这是框架不期望的,它会抛出消息。

请参阅有关如何从 UpdatePanel 调用 javascript的先前答案。

于 2012-11-23T16:09:54.620 回答