ExtJs日历事件存储帮助?
我一直在尝试设置一个BAIC日历示例,以便使用ExtJs日历进行操作。ExtJs日历事件存储帮助?,extjs,calendar,store,Extjs,Calendar,Store,我一直在尝试设置一个BAIC日历示例,以便使用ExtJs日历进行操作。 我已经看过了有关的示例和文档 . 我很难让基本日历示例正常工作。 我想我的问题是我没有正确定义存储,我知道存储应该包含“Ext.calendar.EventRecord”类型的记录。 我应该使用哪种类型的存储/读卡器读取记录? 这是我的密码: var recs = []; rec = new Ext.calendar.EventRecord({ StartDate: '2101-01-12 12:00:00',
我已经看过了有关的示例和文档 .
我很难让基本日历示例正常工作。
我想我的问题是我没有正确定义存储,我知道存储应该包含“Ext.calendar.EventRecord”类型的记录。
我应该使用哪种类型的存储/读卡器读取记录?
这是我的密码:
var recs = [];
rec = new Ext.calendar.EventRecord({
StartDate: '2101-01-12 12:00:00',
EndDate: '2101-01-12 13:30:00',
Title: 'My cool event',
Notes: 'Some notes'
});
recs[0] = rec;
store = new Ext.data.Store({
data: recs,
reader: new Ext.data.ArrayReader({
fields: ['StartDate', 'EndDate', 'Title', 'Notes']
})
});
Ext.apply(this, config, {
title: 'calendar',
layout: 'fit',
activeItem: 1,
eventStore: store
});//Ext.apply
看看这个示例,看起来您需要使用JsonStore(它有一个JsonReader):
事件列表定义如下:
var eventList = {
"evts": [{
"id": 1001,
"cid": 1,
"title": "Vacation",
"start": today.add(Date.DAY, -20).add(Date.HOUR, 10),
"end": today.add(Date.DAY, -10).add(Date.HOUR, 15),
"ad": false,
"notes": "Have fun"
}]
}
如果您使用的是远程提供程序,只需将EventStore中的数据
属性改为从url加载即可。您的JSON响应应该是由eventList
定义的结构
希望能有所帮助。谢谢你的帮助。非常感谢。请注意,使用JSON(和JsonStore)不是一项要求——任何有效的Ext存储/代理/读取器组合都应该是可用的。该示例仅使用JSON,因为它方便且最常见。
var eventList = {
"evts": [{
"id": 1001,
"cid": 1,
"title": "Vacation",
"start": today.add(Date.DAY, -20).add(Date.HOUR, 10),
"end": today.add(Date.DAY, -10).add(Date.HOUR, 15),
"ad": false,
"notes": "Have fun"
}]
}