ajax 日历控件在哪里,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 事件中。

function datechange() {

FpSpread1.UpdatePostbackData();

FpSpread1.CallBack("Update");

}

复制代码

2.效果图

spread-ajax-extenders-zhilv-dianjidanyuangezhongdanchurilikongjian

3.Demo下载

开 发 环 境:VS2010 + Srpead for ASP.NET V5.0.3524.2008