首页 / 脚本样式 / ExtJS / Ext JS 3.3 日历组件

Ext JS 3.3 日历组件2010-12-12小强占卜师在Ext中设计一个标准的日历组件并不是一件简单的事情.既不能把它设计复 杂到用起来比较困难,又不能设计得简单到只能拿来当例子,脱离了实际的用途. 我们在这两者这间作了平衡,希望你们同意.

开始了解日历面板

主要组成部分:

*月视图这个视图渲染使用了MonthViewTemplate.它会自动适应屏幕尺寸,不 会出现滚动条.它基于box布局.

*日视图这个视图使用了两个组件:DayHeaderView（由DayHeaderTemplate渲 染）和DayBodyView（由DayBodyTemplate渲染）DayHeaderView里面是全日事件, 而DayBodyView则是除了非全日活动外的所有活动.

*周视图这个视图仅仅是扩展了日视图,重复了7天.所以它并不需要一个单独 的模板.

日历控件配置

1.monthViewCfg: {
2. showHeader: true,
3. showWeekLinks: true,
4. showWeekNumbers: true
5.}

处理事件数据

1.Ext.calendar.EventMappings.Title.mapping = "my-title"; // remap to a custom id
2.Ext.calendar.EventMappings.EndDate.name = "END"; // remap the field name
3.Ext.calendar.EventRecord.reconfigure（）;