Spread for ASP.NET 表格控件:CallBack 方法解析

发布时间:2015/01/14 00:00 发布者:iceman

返回博客中心

Spread for ASP.NET 表格控件 在前台提供了 Callback 方法用于调用后台 Command 事件,通过这个事件我们就可以根据前台的用户行为调用后台的 Spread 丰富的接口去操作 Spread。论坛中也有很多用户询问,因此在本篇文章中记录下使用方法。

本篇文章中我们以捕获前台用户鼠标单击事件为例进行功能描述。

1.后台添加Cell的 onclick 事件:

Spread 表格控件渲染到前台后是以 HTML Table 进行展示的。

后台代码:

protected override void Render(HtmlTextWriter writer)
{
     Table viewPort = this.FpSpread1.FindControl("viewport") as Table;
     viewPort.Attributes.Add("onclick", "clickOnSpread()");
     base.Render(writer);
}

 

前台代码:

<script type="text/javascript">
        function clickOnSpread() {
        }
</script>

 

2.前台获取 Spread DOM 节点,并且调用 CallBack 方法:

    <script type="text/javascript">
        function clickOnSpread() {
            var spread = this.document.getElementById("FpSpread1");
            //获取点击行列信息
            var activeRow = spread.GetActiveRow();
            var activeCol = spread.GetActiveCol();
            //CallBack到后台
            spread.CallBack("前台点击事件"+"Row:"+activeRow+"Col:"+activeCol,true);
        }
    </script>

 

3.添加 ButtonCommand 事件,在 CallBack 事件中获取单元格信息。

        protected void FpSpread1_ButtonCommand(object sender, FarPoint.Web.Spread.SpreadCommandEventArgs e)
        {
            //获取当前操作的Spread,从而可以获取当前 Spread 的任何信息
            FarPoint.Web.Spread.FpSpread currentSpread = (FarPoint.Web.Spread.FpSpread)(sender);
            //取得事件名称
            string commandName = e.CommandName;
            //取得当前操作表单
            FarPoint.Web.Spread.SheetView currentSheetView = e.SheetView;
        }

 

以上即为添加前台操作后台响应的详细操作步骤。

Demo 下载:VS2013 + C# + Spread 8.0

 

下载 Spread 表格控件体验更多功能,请点击:

/download/?pid=46


SpreadJS | 下载试用

纯前端表格控件SpreadJS,兼容 450 种以上的 Excel 公式,具备“高性能、跨平台、与 Excel 高度兼容”的产品特性,备受华为、苏宁易购、天弘基金等行业龙头企业的青睐,并被中国软件行业协会认定为“中国优秀软件产品”。SpreadJS 可为用户提供类 Excel 的功能,满足表格文档协同编辑、 数据填报、 类 Excel 报表设计等业务场景需求,极大的降低企业研发成本和项目交付风险。

如下资源列表,可以为您评估产品提供帮助: