在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();
时间: 2024-08-02 06:45:37