Spread AJAX Extenders 之旅-点击单元格中弹出日历控件

我们可以使用 DateCalendarCellType 实现点击击单元格弹出日期控件的效果。

关于使用 DateCalendarCellType 的准备工作，请参考：
http://gcdn.grapecity.com/showtopic-2992.html

重要属性介绍
a.        DateFormat 获取或设置日期显示格式
b.        FirstDayOfWeek 获取或设置每周第一天。
c.        MaskedEditValidator：获取或设置验证信息。
d.        OnClientDateSelectionChanged：获取或设置客户端日历控件选择日期变化时的事件信息。
e.        OnClientHidden：获取或设置客户端日历控件隐藏后的事件信息。
f.        OnClientHiding：获取或设置客户端日历控件隐藏过程事件信息。
g.        OnClientShown：获取或设置客户端日历控件显示后的事件信息。
h.        OnClientShowing：获取或设置客户端日历控件显示过程中的事件信息。
i.        PopupPosition：获取或设置客户端单元格相对于单元格的显示位置。

下面通过实例来展示如何使用 DateCalendarCellType实现日历功能，并且演示如何调用客户端事件，在客户端选择日期变化时，如何在后台拿到变化日期。

1.创建 DateCalendarCellType并设置相关属性。
   a.后台代码，可以在 UpdateCommand 事件中查看日期变化：

protected void Page_Load(object sender, EventArgs e)

        {

            FarPoint.Web.Spread.Extender.DateCalendarCellType dc = new FarPoint.Web.Spread.Extender.DateCalendarCellType();

            dc.Animated = true;

            dc.DateFormat = "MM/dd/yyyy";

            dc.EnableOnClient = true;

            dc.ShowEditor = true;

            dc.OnClientDateSelectionChanged = "datechange";

            FpSpread1.ActiveSheetView.Cells[0, 0].CellType = dc;

        }



        protected void FpSpread1_UpdateCommand(object sender, FarPoint.Web.Spread.SpreadCommandEventArgs e)

        {



        }

复制代码

b.前台代码，作用为把动作 Post 到后台 UpdateCommand 事件中。

<script type="text/javascript">

        function datechange() {  

          FpSpread1.UpdatePostbackData();

            FpSpread1.CallBack("Update");

        }

</script>

复制代码

2.效果图

3.Demo下载
开发环境：VS2010 + Srpead for ASP.NET V5.0.3524.2008