Js操作ColumnFooter

收藏

Hi dof:

请问下：
在Js中，如何得到ColumnFooter的某一个格的值？另，如何设置ColumnFooter的某一个格的值（设置后也要能取到）？使用Js方法，使页面不刷新。
就像Js中的方法：GetValue和SetValue.

以上比如，做一个利用ColumnFooter做一个汇总行，即：当表格中的某列的某个值发生改变时，此列对应的ColumnFooter的单元格的值也要发生改变，实现数据的汇总。
（前提，不能使用Spread自带的公式功能，因为当开启公式功能，就会当改变任意格的值，都会引起页面的重新刷新）。

以上如何实现？
谢谢！

sam · sam

Hi dof:

以上我知道可以通过CallBack来实现后台赋值，但是这样会引起页面的刷新，造成性能的影响。看有没办法直接通过Js来赋值和取值。主要是赋值。
谢谢！

ZenosZeng · ZenosZeng

回复 2楼sam的帖子

sam 你好

看你最近几个功能都要求不能刷新页面，如果是这样的话你可以考虑将Spread方法UpdatePanel中，这样就不会刷新整个页面

<body>
<form id="form1" runat="server">
<asp:ScriptManager ID="ScriptManager1" runat="server">
</asp:ScriptManager>
<div>
<asp:UpdatePanel ID="UpdatePanel1" runat="server">
<ContentTemplate>
<input id="Button1" type="button" value="button" onclick="return Button1_onclick()" /><br />
<FarPoint:FpSpread ID="FpSpread1" runat="server" BorderColor="Black" BorderStyle="Solid"
BorderWidth="1px" Height="200" Width="400"
onbuttoncommand="FpSpread1_ButtonCommand">
<CommandBar BackColor="Control" ButtonFaceColor="Control" ButtonHighlightColor="ControlLightLight"
ButtonShadowColor="ControlDark">
</CommandBar>
<Sheets>
<FarPoint:SheetView SheetName="Sheet1">
</FarPoint:SheetView>
</Sheets>
</FarPoint:FpSpread>
</ContentTemplate>
</asp:UpdatePanel>
</div>
</form>
</body>

复制代码

protected void Page_Load(object sender, EventArgs e)
{
if (IsPostBack)
{
return;
}
this.FpSpread1.ActiveSheetView.ColumnFooter.Visible = true;
this.FpSpread1.ActiveSheetView.ColumnFooter.Cells[0, 0].Text = "AAAA";
}
protected void FpSpread1_ButtonCommand(object sender, FarPoint.Web.Spread.SpreadCommandEventArgs e)
{
this.FpSpread1.ActiveSheetView.ColumnFooter.Cells[0, 0].Text = "BBBB";
}

复制代码

6831_ColumnFooter.zip (7.86 KB, 下载次数: 134)

sam · sam

Hi dof

感谢您的回复，其实我本来就已经使用了UpdatePanel，所以，这个不是问题。页面是不会刷新的。
（你上面提出的方法，我已实现，现在就是这样做的）
我的意思是不想调用后台代码，这样会造成的Page_Load里的代码执行。这样如果，采用后台方法执行，则每次都会
执行Page_Load里的方法。说明，我的页面的控件是动态生成的，故，每次刷新都会导致页面的重画。这样，如果页面很复杂，每次都执行Page_Load里的方法就会有很大的性能影响。

故，我的意思是想直接使用前台代码(如：SetValue)来设置ColFooter里的值。

以上看有没办法实现？谢谢！

iceman · iceman

回复 4楼sam的帖子

你好，
ColumnFooter 在前台被渲染为 HTML Table。所以我们可以通过 js 操作 Table 来进行更改单元格的值。操作代码为：

function Button1_onclick() {
var colFooterTab = this.document.getElementById("FpSpread1_cft");
colFooterTab.rows[0].cells[0].innerText = "测试";
}

复制代码

做了一个测试 Demo，请你参考：
VS 2010 + FM4 + Spread .NET 6

6831.zip (17.08 KB, 下载次数: 167)

sam · sam

以上方法，我试过了，是可以设置，但是页面一刷新，刚设置的值又会消失。
麻烦再帮忙想想看，看是否还有其他的方法。(通过Js前台设置)。
说明下：其他的单元格是可以通过SetValue和GetValue来设置和获取单元格的值。我们能不能自己来实现类似SetValue和GetValue的Js方法(对ColumnFooter和隐藏列)。
以上非常感谢！

ZenosZeng · ZenosZeng

Hi sam

Spread 前端提供的SetValue和GetValue方法，只能针对前端的可见单元格有效，对Header、Footer、隐藏类型的单元格无效，这三种类型的单元格只能在后台设置之后才能保持到spread中。

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

Js操作ColumnFooter

6 个回复

活字格认证

微信认证勋章

元老葡萄

圣诞拼拼乐

讲师达人

悬赏达人