关于updatepanel回传之后JS失效问题!!!!!!!!!!!!!!!!!!!

KeenWon 2011-08-14 06:04:21

我找了写资料,貌似是应为UpdatePanel来回往返不会保留 Javascript 或其他客户端技术（如 Adobe Flash）生成的任何效果。
我也找到了解决办法:
http://msdn.microsoft.com/zh-cn/library/bb311028.aspx
http://hi.baidu.com/a_longge2009/blog/item/9956cb23ca971ea94723e849.html
其实就是用Sys.WebForms.PageRequestManager.getInstance().add_beginRequest(BeginRequestHandler);
但是我试了,貌似不行啊....是不是我的JS有问题???我对JS不大懂,请大家帮帮忙!!



function lr(overHide, scrollUl, leftBtn, rightBtn, num) {

                    var doc = document,

		            overHide = doc.getElementById(overHide),

		            scrollUl = doc.getElementById(scrollUl),

		            liArr = scrollUl.getElementsByTagName('li'),

		            len = liArr.length,

		            leftBtn = doc.getElementById(leftBtn),

		            rightBtn = doc.getElementById(rightBtn),

		            overWidth = overHide.offsetWidth;

                    scrollUl.style.width = len * num + 'px';

                    var inWidth = scrollUl.offsetWidth;

                    function checkBtn(overHide, scrollUl, leftBtn, rightBtn) {//判断左右按钮显示与隐藏

                        if (overWidth >= inWidth) {//内容不够不需要左右按钮

                            leftBtn.style.visibility = 'hidden';

                            rightBtn.style.visibility = 'hidden';

                        } else if (overHide.scrollLeft == 0) {//右显示左隐藏

                            leftBtn.style.visibility = 'hidden';

                            rightBtn.style.visibility = 'visible';

                        } else if ((overHide.scrollLeft + overWidth) == inWidth) {//左显示右隐藏

                            leftBtn.style.visibility = 'visible';

                            rightBtn.style.visibility = 'hidden';

                        } else if ((overHide.scrollLeft + overWidth) < inWidth && overHide.scrollLeft > 0) {//左右均显示

                            leftBtn.style.visibility = 'visible';

                            rightBtn.style.visibility = 'visible';

                        }



                    }

                    checkBtn(overHide, scrollUl, leftBtn, rightBtn);

                    function stepL(obj, step) {

                        var n = 0;

                        function scrollL(obj, step) {

                            if (n < step) {

                                obj.scrollLeft += 5;

                                n += 5;

                            } else {

                                clearTimeout(comeon)

                            }

                            checkBtn(overHide, scrollUl, leftBtn, rightBtn)

                            var comeon = setTimeout(function () { scrollL(obj, step) }, 20);

                        }

                        scrollL(obj, step);

                    }

                    function stepR(obj, step) {

                        var n = step;

                        function scrollR(obj, step) {

                            if (n > 0) {

                                obj.scrollLeft -= 5;

                                n -= 5;

                            } else {

                                clearTimeout(comeon)

                            }

                            checkBtn(overHide, scrollUl, leftBtn, rightBtn)

                            var comeon = setTimeout(function () { scrollR(obj, step) }, 20);

                        }

                        scrollR(obj, step);

                    }

                    leftBtn.onclick = function () {

                        stepR(overHide, num)

                    }

                    rightBtn.onclick = function () {

                        stepL(overHide, num)

                    }

                }

                lr('scroll_cont', 'scroll_ul', 's_L', 's_R', 122);

...全文

306 点赞收藏 9

写回复

9 条回复

切换为时间正序

当前发帖距今超过3年，不再开放新的回复

发表回复

Ellis_wong 2012-05-05

你好，这个问题重新绑定是什么呢~整个js文件内的js方法都重新绑还是单独绑
[Quote=引用 7 楼的回复:]

ASP.NET中UpdatePanel内控件的JS失效的问题

问题:大概意思如下：

<UpdatePanel>
<ContentTemplate>
<asp:TextBox ID="aaa"/>
</ContentTemplate>
</UpdatePanel>

<script>
$(document).ready(function()……
[/Quote]

回复赞

woshishen979 2012-02-16

遇到了同样的问题，楼主能否说下怎么解决的

回复赞

随智阔 2012-02-06

ASP.NET中UpdatePanel内控件的JS失效的问题

问题:大概意思如下：

<UpdatePanel>
<ContentTemplate>
<asp:TextBox ID="aaa"/>
</ContentTemplate>
</UpdatePanel>

<script>
$(document).ready(function(){
var id = "<%= aaa.ClientID%>";
$("#"+id).click(function(){
alert("aaa");
});
});
</script>

第一次点击TextBox是能弹出对话框，但是经过刷新之后点击就失效了。请问怎么解决？

回答:
因为Updatapanel没有postback，你的js不会重新加载。所以失效。你在你的页面加一段这样的代码就可以了：
<script type="text/javascript" language="javascript">
var prm = Sys.WebForms.PageRequestManager.getInstance();
prm.add_endRequest(function () {
// re-bind your jquery events here

$(document).ready(function(){
var id = "<%= aaa.ClientID%>";
$("#"+id).click(function(){
alert("aaa");
});
});
}

);
</script>

原文:http://zhidao.baidu.com/question/250731985.html

UpdatePanel 中js失效问题2010-06-21 18:02UpdatePanel来回往返不会保留 Javascript 或其他客户端技术（如 Adobe Flash）生成的任何效果。

因此在局部刷新之后要重新注册js

做法:

function EndRequestHandler()
{
//刷新之后要运行的js
}
function reload()
{
Sys.WebForms.PageRequestManager.getInstance().add_endRequest(EndRequestHandler);
}
在jquery的ready()中
$(documnet).ready(
function()
{
reload();
}
)

原文:http://hi.baidu.com/a_longge2009/blog/item/9956cb23ca971ea94723e849.html

回复赞

孟子E章 2011-08-14

你需要
ScriptManager.RegisterStartupScript(UpdatePanel1, UpdatePanel1.GetType(), "", "MoveLayer();", true);
这种格式进行注册客户端的函数

回复赞

KeenWon 2011-08-14

[Quote=引用 4 楼 wxr0323 的回复:]

<script type="text/javascript" language="javascript">
Sys.WebForms.PageRequestManager.getInstance().add_beginRequest(BeginRequestHandler);
Sys.WebForms.PageRequestMa……
[/Quote]
测试了,不行啊...改成jquery ajax工作量太大了,如果那样我宁愿不用ajax了

我怀疑是不是js代码有什么问题
这样不行



Sys.WebForms.PageRequestManager.getInstance().add_endRequest(lr);

回复赞

子夜__ 2011-08-14

回复赞

KeenWon 2011-08-14

[Quote=引用 2 楼 dongxinxi 的回复:]

JS失效可能是由于Ajax异步更新Html导致某些元素找不到
[/Quote]
那有什么办法?

回复赞

IE11下面经常卡到爆 2011-08-14

JS失效可能是由于Ajax异步更新Html导致某些元素找不到

回复赞

KeenWon 2011-08-14

up!

回复赞

关于updatepanel回传之后JS失效问题关于这个问题困扰了很久了刚开始使用的时候由于整个页面都只有一个updatepanel，发现只要有它页面回传之后开始加载的js就会失效，问了同学群里的朋友也都没能说的特别清楚的。只能自己琢磨，于是发现在后台用...

asp.net中使用 UpdatePanel 回传导致js 失效解决办法 asp:UpdatePanel ID="UpdatePanel1" runat="server"> <ContentTemplate> <input src="../../../images/ico/ico_delete.gif" onload="reBindDatepicker()" style="display: none" id...

解决FCKeditor在updatepanel中回传失效的问题但FCK有个很“难受”的问题，如果放在Updatepanel中，FCKeditor的值在回传时会先清空再执行其它操作，导致保存空值。刚开始也想放弃用updatepanel，总是不服，今天又遇到这个问题，查了很多资料，终于在一篇英文资....

updatePanel导致JS失效的解决办法今天给repeater用JS写一个hover事件 script type="text/javascript"> $(function(){ $('.trhead').click(function(){ $(this).next('.trcontent').find('.divcontent').slideToggle('fas

ASP.NET中UpdatePanel的javascript脚本失效的问题问题:大概意思如下： <UpdatePanel> <ContentTemplate> <asp:TextBox ID="aaa"/> </ContentTemplate> </UpdatePanel> <script> $(document).ready(function(){ va...

updatePanel导致JS失效的解决办法（转）吐槽下，维护别人之前做的项目好蛋疼，整个...今天给repeater用JS写一个hover事件 <script type="text/javascript"> $(function(){ $('.trhead').click(function(){ $(this)....

套UpdatePanel控件导致jq相关事件失效解决办法今天写下拉DropDownList控件回传到后台执行某方法导致其他按键绑定的JQ事件失效$(function () { $("#Columnselection").click(function () { JStx_window('int/Columnselection.aspx?type=2', '选择栏目', 720, ...

jqueryUI中datepicker的使用，解决与asp.net中的UpdatePanel联合使用时的失效问题 DatePicker在asp.net的UpdatePanel中异步回传后失效的问题在页面第一次加载时可以正常显示DatePicker控件，但在点击查询后，由于异步回传，DatePicker就失效了。 --> 分析UpdatePanel ...

ASP.NET学习笔记[9] - jQuery和UpdatePanel兼容的问题在使用AJAX的時候，因為各種AJAX控件的功能、樣式和效率都不盡相同，所以為了效果和效率我們都會...這時就有問題了，當用UpdatePanel翻頁後，jQuery就會失效。下面是一個案例：（代码片段1） script language=

js/css在ajax UpdatePanel 中没有效果的解决方法 js没效果:如果在以UpdatePanel的方式的局部回传中，普通的Javascript代码在这种局部回传中就不会在触发了，就必须使用scriptmanager.RegisterClientScript方法（在后面注册）和scriptmanager.RegisterStartupScript...

关于ASP.NET 异步问题的一些小得其实,.NET写东西最大的问题无非就是前后端协同的那些技巧，逐一梳理一些如下：一、如何页面局部刷新的问题这个其实就是后台代码和前端动态生成页面的事情。即Response如何向前端回应，同步还是...

UpdatePannel中JS不执行问题 protected void Page_Load(object sender, EventArgs e) { //在UpdatePanel中回传事件不重新加载页面.会导至页面的jQuery事件失效. RegisterStartupScript("", "<script type=\"text/javascrip...

问题总结器的JavaScript代码 | 控制器中Action的返回值类型有很多，最常见的是ActionResult，通过查看源代码可以发现ActionResult是一个抽象类，它有很多的子类。如果Action的返回值类型为ActionResult，那么可以返回...

一次MOSS开发中iFrame表单提交的古怪问题解决我们除了在页面上引入ScriptManager控件用以在客户端注册功能丰富的Ajax框架脚本外，这个庞大的框架还提供了诸多功能强大的Ajax控件，例如著名的UpdatePanel、ModalPopupExtender、Rating等控件。Ajax框...

关于前台调用后台事件__doPostBack函数细心的人会发现，在__doPostBack里，提交调用的是theform.submit()，这样就导致对Form的onsubmit事件校验失效了，幸好这个问题在asp.net 2.0已经修复了。这里提供一个替换的解决办法，在Form的最下面插入下面的代码...

Jquery.MultiFile.js和UpdatePannel实现多文件上传 Jquery.MultiFile.js,官网：http://www.fyneworks.com/jquery/multiple-file-upload/，由于在同一个页面中用到了UpdatePannel，有用到了Jquery插件，这两个混合用造成了多文件上传插件失效，在网上搜索了一些结果，...

docker-common-1.13.1-203.git0be3e21.el7.centos.x86_64.rpm 离线安装包，亲测可用

openshift-ansible-3.10.48-1.git.0.c205bc1.el7.noarch.rpm 官方离线安装包，亲测可用

部编版2020-2021学年八年级语文第一学期期末考试试卷【含答案】.doc 部编版2020-2021学年八年级语文第一学期期末考试试卷【含答案】.doc

发帖

.NET技术社区

创建于2007-09-28

加入

5.8w+

社区成员

66.8w+

社区内容

.NET技术交流专区

申请成为版主

帖子事件

创建了帖子

2011-08-14 06:04

社区公告

暂无公告