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 事件中查看日期变化：

1. protected void Page_Load(object sender, EventArgs e)
   
2.         {
   
3.             FarPoint.Web.Spread.Extender.DateCalendarCellType dc = new FarPoint.Web.Spread.Extender.DateCalendarCellType();
   
4.             dc.Animated = true;
   
5.             dc.DateFormat = "MM/dd/yyyy";
   
6.             dc.EnableOnClient = true;
   
7.             dc.ShowEditor = true;
   
8.             dc.OnClientDateSelectionChanged = "datechange";
   
9.             FpSpread1.ActiveSheetView.Cells[0, 0].CellType = dc;
   
10.         }
    
11. 
    
12.         protected void FpSpread1_UpdateCommand(object sender, FarPoint.Web.Spread.SpreadCommandEventArgs e)
    
13.         {
    
14. 
    
15.         }

复制代码

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

1. <script type="text/javascript">
   
2.         function datechange() {  
   
3.           FpSpread1.UpdatePostbackData();
   
4.             FpSpread1.CallBack("Update");
   
5.         }
   
6. </script>

复制代码

2.效果图

png

3.Demo下载
   开 发 环 境：VS2010 + Srpead for ASP.NET V5.0.3524.2008
DateCalendarCellType.zip (2.67 MB, 下载次数: 2023)

2012-11-9 15:43 上传

点击文件名下载附件
zip

在中文环境中设置以下属性还可以显示中文哦：
1、设置aspx页面Document的 Culture和 UICulture 属性为auto或者zh-CN Chinese (People's Republic of China)
2、设置页面中ScriptManager 的 EnableScriptGlobalization 和 EnableScriptLocalization = true

chrome下，无法弹出日历…………

我这边测试没有问题，那个Demo比较老了，需要将demo中的spread dll和授权文件替换成最新的，其他的没有变化可以运行。

chrome 什么版本？同样情况下IE能否弹出来？

chrome 什么版本？同样情况下IE能否弹出来？

iceman 发表于 2016-7-27 15:18
chrome 什么版本？同样情况下IE能否弹出来？

今天测试
dt.ShowEditor = false;的时候选择的日期值不能赋到单元格，单元格数据没变化，
dt.ShowEditor = true;的时候选择的日期值正常赋值，但是dt.ShowEditor = true。页面显示不好看，有好的解决方法吗？

iceman 发表于 2016-7-27 15:18
chrome 什么版本？同样情况下IE能否弹出来？

今天测试
dt.ShowEditor = false;的时候选择的日期值不能赋到单元格，单元格数据没变化，
dt.ShowEditor = true;的时候选择的日期值正常赋值，但是dt.ShowEditor = true。页面显示不好看，有好的解决方法吗？

，输入框很明显，页面样式不好看dt.ShowEditor = true

这个是默认的了，没有办法修改