我们可以使用 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.效果图
png
3.Demo下载
开 发 环 境:VS2010 + Srpead for ASP.NET V5.0.3524.2008
DateCalendarCellType.zip
(2.67 MB, 下载次数: 2023)
|
|