[原]ASP.NET中使用JQUERY-EASYUI后，解决ClientScript.RegisterStartupScript 所注册脚本执行两次...

最近开发的项目引用了 jquery-easyui 界面框架，对于界面的布局便利了很多，但也遇到了不少问题。我也很少做总结，今天解决的这个问题搁了好久，实在不行了，才着手处理。

问题现象

为了保持界面表现的统一，对于弹出的消息框，要求使用 jquery 的

$.messager.alert('信息', info, 'info');

于是，对其进行了简单地封装：

代码

//信息框
function AlertInfo(info) {
$.messager.alert('信息', info, 'info');
return false;
}

//询问框
function AlertQuestion(ask) {
$.messager.alert('询问', ask, 'question');
return false;
}

//警告框
function AlertWarning(warn) {
$.messager.alert('警告', warn, 'warning');
alert(warn);

return false;
}

前端调用：

OnClientClick="return AlertInfo('哦呀');"
//或
οnclick="AlertInfo('哦呀');"

后端调用：

代码

/// <summary>
/// 信息框
/// </summary>
/// <param name="info">The info.</param>
public void AlertInfo(string info)
{
ExecuteScript(string.Format("AlertInfo('{0}')", info));
}

在实际使用中，发现使用后端 ClientScript.RegisterStartupScript 所注册的脚本会重复执行，两次。

原因查找

排除后端代码重复调用；
排除所封装JS的手误，BUG
排除所封装后端代码的重复注册BUG
排除页面的重复载入

最终发现，只要是页面 body 设成了 jqeury-easyui class，就会出现此情况。于是明白是因为JEUI 对页面的重新“渲染”，这必然也对页面后端注册的代码片段：

也进行了重新“渲染”。

解决思路

在原有后端要注册的脚本中加入变量 __yltlClientScriptRegistKey，用于标识，所注册的脚本是否被执行过，若已被执行过，则中断。

后端处理代码:

代码

/// <summary>
/// 执行JavaScript 脚本
/// </summary>
/// <param name="scriptBody">The script body.</param>
public void ExecuteScript(string scriptBody)
{
string scriptKey = "somekey";
string interruptedScript = @"if(window.__yltlClientScriptRegistKey == null ||
window.__yltlClientScriptRegistKey == undefined ||
window.__yltlClientScriptRegistKey !='" + scriptKey + "') { " +
"window.__yltlClientScriptRegistKey = '" + scriptKey + "' ;\r\n" +
scriptBody + "\r\n}";
//cdh 2010.0611 加入拦截片段，
//防止页面因 UI 库的重复渲染引起脚本重复执行。
ClientScript.RegisterStartupScript(typeof(string), scriptKey, interruptedScript, true);
}

最终产生的JS段如下：

代码

此记, 希望能给后来者一个线索.

转载于:https://www.cnblogs.com/donhwa/archive/2010/06/11/1756472.html

[原]ASP.NET中使用JQUERY-EASYUI后，解决ClientScript.RegisterStartupScript 所注册脚本执行两次...相关推荐

Asp.net WebForm中应用Jquery EasyUI Layout
Asp.net WebForm中应用Jquery EasyUI Layout 按照EasyUI文档中的示例,编写layout代码: <body class="easyui-layout ...
ASP.NET MVC+EF框架+EasyUI实现权限管理系列(17)-注册用户功能的细节处理(各种验证)...
原文:ASP.NET MVC+EF框架+EasyUI实现权限管理系列(17)-注册用户功能的细节处理(各种验证) ASP.NET MVC+EF框架+EasyUI实现权限管系列 (开篇) (1):框 ...
IDEA中创建maven项目后解决main文件夹下目录不全的问题
IDEA中创建maven项目后解决main文件夹下目录不全的问题参考文章: (1)IDEA中创建maven项目后解决main文件夹下目录不全的问题 (2)https://www.cnblogs.co ...
python参考文献_[zotero/python]库中参考文献条目删除后，清除残留PDF的脚本
更新:使用 @滏阳河边捉蚯蚓 https://zhuanlan.zhihu.com/p/41297136上获取系统PDF文件和zotero.sqlite文件的代码,在此感谢! 在zotero的libr ...
asp.net中注册脚本的两个方法
使用Page.ClientScript.RegisterClientScriptBlock RegisterClientScriptBlock方法可以把一个JavaScript函数放在页面的顶部.这说 ...
linux脚本执行过程中被挂起,Linux学习笔记（八）——脚本执行的过程控制
一.脚本执行过程中的控制之前的内容中,运行编写好的脚本时都是在命令行上直接确定运行的,并且运行的脚本是实时的,这并不是脚本唯一的运行方式,下面的内容是脚本的其他运行方式.例如在Linux系统中如何控 ...
SSH开发中使用超链接到action 其excute方法会被执行两次 actual row count: 0; expected: 1...
由于执行两次excute,所以在做删除操作的时候会出现 Batch update returned unexpected row count from update [0]; actual row c ...
在asp.net中使用jQuery实现类似QQ网站的图片切割效果
今天要给大家介绍一个asp.net结合jQuery来切割图片的小程序,原理很简单,大致流程是: 加载原图 --> 用矩形框在原图上选取区域并将选取的顶点坐标和矩形尺寸发送至服务器 --> ...
在Asp.net中使用JQuery插件之jTip
jTip 是个轻量级的提示插件.默认支持两个参数: width宽度,default value :250px link 要link的URL 对应的Source code是: 1: var params ...

[原]ASP.NET中使用JQUERY-EASYUI后，解决ClientScript.RegisterStartupScript 所注册脚本执行两次...

[原]ASP.NET中使用JQUERY-EASYUI后，解决ClientScript.RegisterStartupScript 所注册脚本执行两次...相关推荐

最新文章

热门文章