asp.net通过Ajax UpdatePanel回传后滚动条位置变更解决方法

主要方法是：

用一个隐藏控件保存当前scorll值。回传回来后根据scroll的值在重新设置scroll。

1、首先用onscroll事件保存scorll值，并用HiddenField记录scroll值


代码如下:

<div id="lv_content" class="unify_content" style="padding-left: 0; height: 455px;" onscroll="SetScrollPosition(this)">
</div>
<asp:HiddenField ID="HiddenFieldScroll" runat="server" />

代码
//2、编写onscroll事件，主要用于保存当前控件的scroll值


代码如下:

function funSaveScroll(sender) {
//得到隐藏控件
var vScroll = $get('ctl00_ContentPlaceHolder1_hfLvScroll');
if (vScroll != null) {
//设置隐藏控件的值为scorll值
vScroll.value = sender.scrollTop;
}
}

代码


代码如下:

//3、在页面的加载完成事件中处理scorll值
var prm = Sys.WebForms.PageRequestManager.getInstance();
//设置加载完成事件
prm.add_pageLoaded(pageLoaded);

//加载完成重新设置控件的scroll值
function pageLoaded(sender, args) {
//得到要设置scroll值的控件
var vDiv = $get("lv_content");
if (vDiv != null) {
//得到隐藏控件
var vScrollValue = $get("ctl00_ContentPlaceHolder1_hfLvScroll");
//设置控件的scroll值
vDiv.scrollTop = vScrollValue.value;
}
}

通过以上代码就可以解决回传回来后scroll变动的问题。

如果使用了Master页面，可以将上边的代码放在master页面中，进行公用。

1)先在Master页面中加入HiddenField。

<asp:HiddenField ID="HiddenFieldScroll" runat="server" />

代码


代码如下:

/*
2)在master页面中编写onscroll事件，记录其它页面中控件的scroll值
使用方法:只要在要设置控件中设置其ID并加入onscroll事件即可。即加入 onscroll="SetScrollPosition(this)"语句
*/
function SetScrollPosition(sender) {
var scrollTemp = $get("ctl00_HiddenFieldScroll");
if (scrollTemp != null) {
//将要设置控件的ID和scroll值一起保存。中"|"分隔
scrollTemp.value = sender.id + "|" + sender.scrollTop;
}
}

代码


代码如下:

//3)在页面的加载完成事件中处理scorll值
Sys.WebForms.PageRequestManager.getInstance().add_pageLoaded(onPageLoaded);
//The Pageloaded for scroll orientation
function onPageLoaded(sender, args) {
var scrollTemp = $get("ctl00_HiddenFieldScroll");
if (scrollTemp != null) {
var scorllValue = scrollTemp.value;
if (scorllValue.length > 0) {
var target = scorllValue.split("|");
if (target.length > 1) {
var targetControlID = target[0];
var targetValue = target[1];
var targetControl = $get(targetControlID);
//得到要设置控件
if (targetControl == null || targetValue.length < 1) {
return;
}
//设置控件的scroll值
targetControl.scrollTop = targetValue;
}
}
}
}

4)调用时，其它页面控件中加onscroll="SetScrollPosition(this)" 并设置ID即可
<div id="lv_content" class="unify_content" style="padding-left: 0; height: 455px;" onscroll="SetScrollPosition(this)">
</div>

赞 (0)

相关推荐

  • asp.net页面触发事件panel滚动条高度不变的实现方法

    此文是为解决asp.net页面按钮点击触发事件后panel滚动条非自动回到顶端的解决方案,对于页面触发一个事件后,panel滚动条重新回到顶端,做下面的工作每次都要往下拉一下,特别是选择TreeView的时候,这个问题非常头疼,受到this.MaintainScrollPositionOnPostBack = true;的启示有感而发. 原理是在点击时保存panel滚动条的位置,页面触发事件完成后加载时重新赋值.保证页面每次点击都保存,就包含所有的按钮和别的点击事件. 步骤: 1.脚本 <hea

  • asp.net Coolite TablePanel使用

    asp.net Coolite TablePanel使用

    其中用得最多的就是他的Tabs属性,用于定义子标签选项,可参考下图所示:                    其中content.html的代码如下代码片段,下图为运行效果截图: 复制代码 代码如下: <html xmlns="http://www.w3.org/1999/xhtml" > <head> <title></title> <style type="text/css"> body{font-s

  • asp.net updatepanel 导致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

  • ASP.NET中UpdatePanel与jQuery同时使用所遇问题解决

    ASP.NET中UpdatePanel与jQuery同时使用所遇问题解决

    今天,在.NET中使用了UpdatePanel,里面的输入框使用了jQuery的日历选择器: 复制代码 代码如下: <script type="text/javascript"> $(function(){ $("#ctl00_ContentPlaceHolder1_txtDateFrom").datepicker({ inline: true, dayNamesMin:["日","一","二"

  • ASP.Net PlaceHolder、Panel等控件未实现INamingContainer，导致FindControl无效

    代码如下: 复制代码 代码如下: Panel spnButtons = new Panel(); Button btn = new Button(); btn.ID = "btn1"; spnButtons.Controls.Add(btn); // 输出True,表示没有找到控件 Response.Write(spnButtons.FindControl(btn.ID) == null); 而如果是下面的代码就可以了: 复制代码 代码如下: Panel spnButtons = ne

  • ASP.NET中 Panel 控件的使用方法

    ASP.NET中 Panel 控件的使用方法

    Panel 控件在 ASP.NET 网页中提供一种容器控件,可以将它用作静态文本和其他控件的父控件. 一.常见 Panel 属性 属性 描述 HorizontalAlign 指定子控件在面板内的对齐方式(左对齐.右对齐.居中或两端对齐). Wrap 指定面板内过宽的内容是要换到下一行,还是要在面板边缘处截断. ScrollBars 如果已经通过设置 Height 和 Width 属性将 Panel 控件限制为特定的大小,则可以通过设置 ScrollBars 属性来添加滚动条. GroupingT

  • asp.net ext treepanel 动态加载XML的实现方法

    解决办法:写一个aspx页面, 在aspx 页面只留下这一句  复制代码 代码如下: <%@ Page Language="C#" AutoEventWireup="true" CodeFile="Data.aspx.cs" Inherits="Data" %> cs文件如下: public partial class Data : System.Web.UI.Page { protected void Page_

  • asp.net UpdatePanel的简单用法

    UpdatePanel控制页面的局部更新,这个更新功能依赖于scriptManger控件的EnablePartialRendering属性,如果这个属性设置为false局部更新会失去作用(scriptManger控件的EnablePartialRendering属性的默认值为true不必刻意去设置) 下面是一个完整的UpdatePanel的结构:  复制代码 代码如下: <asp:ScriptManager ID="ScriptManager1" runat="serv

  • asp.net UpdatePanel实现无刷新上传图片

    1)前台 复制代码 代码如下: <%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default.aspx.cs" Inherits="_Default" %> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.o

  • asp.net通过Ajax UpdatePanel回传后滚动条位置变更解决方法

    主要方法是: 用一个隐藏控件保存当前scorll值.回传回来后根据scroll的值在重新设置scroll. 1.首先用onscroll事件保存scorll值,并用HiddenField记录scroll值 复制代码 代码如下: <div id="lv_content" class="unify_content" style="padding-left: 0; height: 455px;" onscroll="SetScrollPo

  • 易语言设置按下滚动条两边箭头按钮后滚动条位置的增减数值

    易语言设置按下滚动条两边箭头按钮后滚动条位置的增减数值

    行改变值属性 所属对象:纵向滚动条   操作系统支持:Windows,数据类型:整数型: 本属性指定当用户按下滚动条的左右箭头按钮后滚动条位置的增减数值. 语法:  对象.行改变值 =  整数型 应用对象:纵向滚动条 例程 说明: 将纵向滚动条的行改变值设定为2.即当单击纵向滚动条两边的箭头时,滚动条的位置改变2位 运行结果: 总结 以上就是这篇文章的全部内容了,希望本文的内容对大家的学习或者工作具有一定的参考学习价值,谢谢大家对我们的支持.如果你想了解更多相关内容请查看下面相关链接

  • layui-tree实现Ajax异步请求后动态添加节点的方法

    最近在弄一个产品分类管理,是一个树形菜单的形式,用的是layui-tree ,由于它并没有动态添加节点,所以只能自己刚了. 大概效果如图 体的实现是当我鼠标移入"长袖"这个分类时,出现三个icon (如图),按"增加"按钮,会发送ajax异步请求到后台,在数据库库中增加以"长袖"为父类id 的一个子分类,成功后返回到前台,然后相应的节点下动态添加子节点,主要是通过append 来增加html元素 <!DOCTYPE html> <

  • 易语言设置在滚动条的间隙处单击后滚动条位置的增减数值

    易语言设置在滚动条的间隙处单击后滚动条位置的增减数值

    页改变值属性 所属对象:横向滚动条   操作系统支持:Windows,数据类型:整数型: 本属性指定当用户在滚动条的空隙处单击后滚动条位置的增减数值. 语法:  对象.页改变值 =  整数型 应用对象:横向滚动条 例程 说明: 将横向滚动条的页改变值设定为2.即在每次空隙处单击后,横向滚动条的位置移动2位. 运行结果: 总结 以上就是这篇文章的全部内容了,希望本文的内容对大家的学习或者工作具有一定的参考学习价值,谢谢大家对我们的支持.如果你想了解更多相关内容请查看下面相关链接

  • ajax传送参数含有特殊字符的快速解决方法

    JQuery AJAX中遇到这样一个问题,参数中包含特殊字符,比如&'#@等, 这时执行AJAX的时候就会出问题,因为所传的参数变了.看个示例就明白: 方案一: $.ajax({ url: '/ashx/ajax.ashx', type: 'post', data: 'option=delete&name=11&adb, success: function (data) { if (data != 'error ') { } } }); ' 上面执行的ajax就是异步删除一个nam

  • asp.net网站防恶意刷新的Cookies与Session解决方法

    本文实例讲述了asp.net网站防恶意刷新的Cookies与Session解决方法,是WEB程序设计中非常实用的技巧.分享给大家供大家参考.具体实现方法如下: Session版实现方法: public double time; public const int freetime = 1;//防刷冰冻时间间隔,当前为1秒 #region 防恶意刷新 if (Session.SessionID == null) { Response.End(); } else if (Session["sionid

  • js中Number数字数值运算后值不对的解决方法

    问题: 37.5*5.5=206.08 (JS算出来是这样的一个结果,我四舍五入取两位小数) 我先怀疑是四舍五入的问题,就直接用JS算了一个结果为:206.08499999999998 怎么会这样,两个只有一位小数的数字相乘,怎么可能多出这么小数点出来. 我Google了一下,发现原来这是JavaScript浮点运算的一个bug. 比如:7*0.8 JavaScript算出来就是:5.6000000000000005 解决方法:网上找到了一些解决办法,就是重新写了一些浮点运算的函数. 下面就把这

  • ASP.NET在MVC中MaxLength特性设置无效的解决方法

    本文实例讲述了ASP.NET在MVC中MaxLength特性设置无效的解决方法.分享给大家供大家参考.具体分析如下: 一.问题: 在ASP.NET MVC项目中,给某个Model打上了MaxLength特性如下: 复制代码 代码如下: public class SomeClass {     [MaxLength(16, ErrorMessage = "最大长度16")]     public string SomeProperty{get;set;} } 但在其对应的表单元素中并没有

  • asp.net实现访问局域网共享目录下文件的解决方法

    本文以实例讲述了asp.net实现访问局域网共享目录下文件的解决方法,完整代码如下所示: using System; using System.Collections; using System.Configuration; using System.Data; using System.Linq; using System.Web; using System.Web.Security; using System.Web.UI; using System.Web.UI.HtmlControls;

  • MySql 修改密码后的错误快速解决方法

    设置好密码后,使用数据库时出现如下错误: ERROR 1820 (HY000): You must reset your password using ALTER USER statement befo re executing this statement. You must SET PASSWORD before executing this statement的解决方法 今天在MySql5.6操作时报错:You must SET PASSWORD before executing this

随机推荐