asp.net后台操作表格滚动条

收藏

Hi Dof or iceman:

请问，在Asp.net后台中，如何在新增行后，自动将上下的滚动条自动滚到最下面（最下面的行）？这样，就不用，每次新增加行后，又要手动拉下滚动条到最下行。
说明：我的新增行是我自己在外面的自定义按钮中实现的。使用后台的方法AddRows.
我在Js前台找到个方法：ScrollTo.
但是我是想直接通过后台实现。

以上，改如何实现。谢谢！

admin · admin

Hi sam

该功能可以在后台完成行插入之后，调用客户端的ScrollTo方法来实现

protected void Page_Load(object sender, EventArgs e)
{
if (!IsPostBack)
{
FpSpread1.ActiveSheetView.AllowPage = false;
}
}
protected void Button1_Click(object sender, EventArgs e)
{
// 在指定位置插入新行
FpSpread1.ActiveSheetView.AddRows(FpSpread1.ActiveSheetView.RowCount-1, 1);
// 调用客户端的ScrollTo方法
StringBuilder sb = new StringBuilder();
sb.AppendLine("<script>");
sb.AppendLine("ScrollToRow();");
sb.AppendLine("</script>");
ClientScript.RegisterStartupScript(this.GetType(), "scroll", sb.ToString());
}

复制代码

<script type="text/javascript" language="javascript">
function ScrollToRow() {
if (FpSpread1.readyState == "complete") {
FpSpread1.ScrollTo(FpSpread1.GetRowCount() - 1, 0);
} else if (FpSpread1.readyState == "loading") {
setTimeout(ScrollToRow, 500);
}
}
</script>

复制代码

7015_AddRows.zip (7.81 KB, 下载次数: 148)

ZenosZeng · ZenosZeng

sam · sam

好了。谢谢！

ZenosZeng · ZenosZeng

sam · sam

Hi  dof:

现在在火狐中，以上代码不生效。有没办法，也可让在火狐中也可达到以上效果。谢谢！
function ScrollToLastRow() {
      var spread = document.getElementById("Fpspread1");
      if (spread.readyState == "complete") {
         var valRow = spread.GetRowCount() - 1;
         spread.ScrollTo(valRow, 0);
         spread.SetActiveCell(valRow, 1);
         return false;
      }
      else if (spread.readyState == "loading") {
         setTimeout(function () { ScrollToLastRow() }, 500);
      }
}

ZenosZeng · ZenosZeng

回复 6楼sam的帖子

因为FireFox不支持readyState，所以，在FireFox中无法实现。

sam · sam

有沒其他的方法可以實現呢？麻煩幫忙看看。謝謝！

ZenosZeng · ZenosZeng

回复 8楼sam的帖子

<script type="text/javascript" language="javascript">
var rowindex = 0;
function ScrollToRow(e) {
if (e != "" && e != undefined) {
rowindex = e;
}
if (document.all) {
document.onreadystatechange = function () {
var spread = document.getElementById("FpSpread1");
if (spread.readyState == "complete") {
spread.ScrollTo(rowindex, 0);
}
}
}
else {
document.addEventListener("DOMContentLoaded", function () {
var spread = document.getElementById("FpSpread1");
spread.ScrollTo(rowindex, 0);
}, false)
}
}
</script>

复制代码

sam · sam

Hi dof:

以上，如果放在：ScriptManager 和 UpdatePanel 就会失效。
如下：
前台：
<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="WebForm2.aspx.cs" Inherits="_0000_Popup.WebForm2" %>

<%@ Register Assembly="FarPoint.Web.Spread" Namespace="FarPoint.Web.Spread" TagPrefix="FarPoint" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<title></title>
      <script type="text/javascript" language="javascript">

         function ScrollToRow(valgridname) {
            var rowindex = 0;
            if (document.all) {
                  document.onreadystatechange = function () {
                     var spread = document.getElementById(valgridname);
                     rowindex = spread.GetRowCount() - 1;
                     if (spread.readyState == "complete") {
                        spread.ScrollTo(rowindex, 0);
                        spread.SetActiveCell(rowindex, 1);
                     }
                  }
            }
            else {
                  document.addEventListener("DOMContentLoaded", function () {
                     var spread = document.getElementById(valgridname);
                     rowindex = spread.GetRowCount() - 1;
                     spread.ScrollTo(rowindex, 0);
                     spread.SetActiveCell(rowindex, 1);
                  }, false)
            }

         }


</script>
</head>
<body>
<form id="form1" runat="server">
<div>
      <asp:ScriptManager ID="ScriptManager1" runat="server">
      </asp:ScriptManager>
      <asp:UpdatePanel ID="UpdatePanel1" runat="server">
      <ContentTemplate>

      <FarPoint:FpSpread ID="FpSpread1" runat="server" BorderColor="Black" BorderStyle="Solid"
         BorderWidth="1px" Height="200" Width="400">
         <CommandBar BackColor="Control" ButtonFaceColor="Control" ButtonHighlightColor="ControlLightLight"
            ButtonShadowColor="ControlDark">
         </CommandBar>
         <Sheets>
            <FarPoint:SheetView SheetName="Sheet1">
            </FarPoint:SheetView>
         </Sheets>
      </FarPoint:FpSpread>
      <asp:Button ID="Button1" runat="server" Text="Button" onclick="Button1_Click" />
      </ContentTemplate>
      </asp:UpdatePanel>
</div>
</form>
</body>
</html>

后台：
using System;
using System.Collections.Generic;
using System.Linq;
using System.Web;
using System.Web.UI;
using System.Web.UI.WebControls;
using System.Text;

namespace _0000_Popup
{
public partial class WebForm2 : System.Web.UI.Page
{
      protected void Page_Load(object sender, EventArgs e)
      {
         if (!IsPostBack)
         {

            FpSpread1.ActiveSheetView.AllowPage = false;

         }

      }

      protected void Button1_Click(object sender, EventArgs e)
      {
         // 在指定位置插入新行

         FpSpread1.ActiveSheetView.AddRows(FpSpread1.ActiveSheetView.RowCount - 1, 1);

         // 调用客户端的ScrollTo方法

         StringBuilder sb = new StringBuilder();

         sb.AppendLine("<script>");

         sb.AppendLine("ScrollToRow('FpSpread1');");

         sb.AppendLine("</script>");

         ClientScript.RegisterStartupScript(this.GetType(), "scroll", sb.ToString());

      }
}
}

你可以试下。
麻烦再帮忙看看，因为我界面中需要有Updatepanel.

谢谢！

		自动登录	找回密码
密码			立即注册

asp.net后台操作表格滚动条

11 个回复

活字格认证

微信认证勋章

元老葡萄

圣诞拼拼乐

讲师达人

悬赏达人

SpreadJS 认证