81,122
社区成员
发帖
与我相关
我的任务
分享EXTJS 6.5.2日历控件，无法显示数据
用的是6.5.2的日历控件，由于是收费插件，官网没有完整示例。自己看源代码做了一个示例，用模拟接口可以显示静态数据，但是用服务器远程数据无法正常显示。
浏览器F12查看到的数据
模拟接口定义
官网示例地址：
http://examples.sencha.com/extjs/6.5.1/examples/kitchensink/?classic#calendar-panel
浏览器F12查看到的数据
模拟接口定义
官网示例地址：
http://examples.sencha.com/extjs/6.5.1/examples/kitchensink/?classic#calendar-panel
...全文
请发表友善的回复…
发表回复
_?_?? 2019-09-23
- 打赏
- 举报
我也是服了，我说我遇到了同样的问题，管理员删我的帖子，说我灌水，我？？？？？？？？
weixiaoqingtian 2018-10-08
- 打赏
- 举报
store: {
autoLoad: true,
// model: 'Gant.example.testcalendar.TestCalendarModel',
proxy: {
type: 'ajax',
url: 'rest/calendars.json',
reader:{
type:'json',
rootProperty:'data',//数据(不配置的话无法接收数据)，返回的key为data
}
},
eventStoreDefaults: {
model: 'Gant.example.testcalendar.TestCalendarModel',
proxy: {
type: 'ajax',
url: 'rest/event.json',
reader:{
type:'json',
rootProperty:'data',//数据(不配置的话无法接收数据)，返回的key为data
}
}
}
},
eventStoreDefaults里面也要写reader,你准备的json数据时间格式不对，应该为这样"2018-10-05T21:30:00.000Z",
{
"data":[{
"id": 1001,
"calendarId": 0,
"startDate": "2018-10-05T21:30:00.000Z",
"endDate": "2018-10-05T22:30:00.000Z",
"title": "Watch cartoons",
"desc": "Catch up with adventurers Finn and Jake"
},{
"id": 2002,
"calendarId": 1,
"startDate": "2018-10-05T21:30:00.000Z",
"endDate": "2018-10-05T22:30:00.000Z",
"title": "Watch cartoonshvh",
"desc": "Catch up Jake"
}
]
}
weixiaoqingtian 2018-09-29
- 打赏
- 举报
希望楼主能看见，本人是小白看不懂源码很发愁，很想看看楼主的源码，如果可以的话，很感谢
weixiaoqingtian 2018-09-29
- 打赏
- 举报
楼主想问一下，这个组件不是收费的吗，你咋用的是买的吗，还是，能问你要一下你这个日历控件的都有代码吗，我也要做一个这个，和你的差不多，不过我的是只要月就行了，能看一下你的所有的代码吗，谢谢楼主
亲爱的Joe 2018-03-01
- 打赏
- 举报
{
message: "读取成功",
data: - [
- {
id: 8,
deptName: "行政部",
userID: 80054321,
startDate: "2018-02-20 08:00:00.0",
calendarId: 4,
userName: "1",
remarks: "1",
endDate: "2018-02-20 16:00:00.0"
},
- {
id: 4,
deptName: "行政部",
userID: 80012345,
startDate: "2018-02-11 08:00:00.0",
calendarId: 4,
userName: "李四",
remarks: "修复设备",
endDate: "2018-02-11 16:00:00.0"
}
],
success: true
}
[/quote]
我的意思是你自己对比下。
另外，你看看这个控件是不是需要什么特殊格式的数据？如果是的话，你必须按照人家控件指定的格式组织数据，否则控件是会出问题的
lovefox_zoe 2018-02-26
- 打赏
- 举报
{
message: "读取成功",
data: - [
- {
id: 8,
deptName: "行政部",
userID: 80054321,
startDate: "2018-02-20 08:00:00.0",
calendarId: 4,
userName: "1",
remarks: "1",
endDate: "2018-02-20 16:00:00.0"
},
- {
id: 4,
deptName: "行政部",
userID: 80012345,
startDate: "2018-02-11 08:00:00.0",
calendarId: 4,
userName: "李四",
remarks: "修复设备",
endDate: "2018-02-11 16:00:00.0"
}
],
success: true
}
亲爱的Joe 2018-02-25
- 打赏
- 举报
拿服务器端的数据贴出来，和模拟的数据对比下。
好多js插件都对数据格式有硬性要求，很有可能是你服务器端的数据格式不正确，你应该在客户端再自己处理一下
lovefox_zoe 2018-02-24
- 打赏
- 举报
是view部分的js么？
Ext.define('JIN.view.att.Calendar', {
extend: 'Ext.panel.Panel',
xtype: 'att-calendar-panel',
requires: [
'Ext.calendar.panel.Panel'
],
width: 1200,
height: 600,
//title:'员工考勤情况',
//日历视图折叠后的位置, 'top' / 'right' / 'bottom' / 'left' /
//collapsible:'top',
layout: 'fit',
items: [{
xtype: 'calendar',
createButtonPosition:'titleBar',
createButton:{
text:'新增记录',
hidden:true
},
todayButton:{
text: '今日',
margin: '0 10 0 0'
},
//20180211，增加一个导出按钮
titleBar: {
items:[
{
text:'导出...',
name:'exportAtt',
handler:function(){
console.log('ex')
}
}
]
},
views: {
//日视图时，显示的开始时间和结束时间
day: {
label:'日',
startTime: 6,
endTime: 23
},
week: {
label:'周',
//周视图模式下，显示几天。例如7：显示一周七天。
visibleDays: 7,
//周视图模式下，从星期几开始显示。例如0：星期天
firstDayOfWeek: 0
},
month:{
label:'月',
titleTpl: '{start:date("F Y")}',
visibleWeeks: 5,
addForm: {
xtype: 'att-calendar-form-add',
},
editForm: {
xtype: 'att-calendar-form-edit'
},
}
/*
workweek: {
xtype: 'calendar-week',
titleTpl: '{start:date("j M")} - {end:date("j M")}',
label: '工作日',
weight: 15,
dayHeaderFormat: 'D d',
firstDayOfWeek: 2,
visibleDays: 5
}
*/
},
timezoneOffset: 0,
store: {
autoLoad: true,
proxy: {
type: 'ajax',
url: config.calendar.att.type,
reader:{
type:'json',
rootProperty:'data',//数据(不配置的话无法接收数据)，返回的key为data
}
},
eventStoreDefaults:{
type:'att'
}
/*
eventStoreDefaults: {
model: 'JIN.model.Att.Event',
proxy: {
type: 'api',
//url: 'events.php'
reader:{
type:'json',
rootProperty:'data',
},
api:{
create: config.calendar.att.insert,
read: config.calendar.att.read,
update: config.calendar.att.update,
destroy: config.calendar.att.delete
}
}
}
*/
},
}],
onExportAtt: function(){
//导出
console.log('exportAtt')
}
});
Sunyiban 2018-02-23
- 打赏
- 举报
看看你JS里面怎么写的，数据没问题那估计就是你拼装参数时格式错了
