跳转到主要内容

数据格式示例

在本文中,您将看到所有受支持的数据格式的示例。

Table 1 演示事件

文本

开始日期

结束日期

会议2027年4月11日 14:002027年4月11日 17:00
研讨会2027年4月15日 12:002027年4月18日 19:00
面试2027年4月24日 09:002027年4月24日 10:00

JSON

[
{
"id":"1",
"text":"会议",
"start_date":"2027-04-11 14:00",
"end_date":"2027-04-11 17:00"
},
{
"id":"2",
"text":"研讨会",
"start_date":"2027-04-15 12:00",
"end_date":"2027-04-18 19:00"
},
{
"id":"3",
"text":"面试",
"start_date":"2027-04-24 09:00",
"end_date":"2027-04-24 10:00"
}
]

带集合的 JSON

当你需要包含额外的数据集合时,这种格式非常有用。 例如,在从服务器加载时间线和单元部分时可以使用,如从服务器加载 Timeline 和 Units 部分所述:

{ 
"data":[
{
"id":"1",
"start_date":"2027-03-02 00:00:00",
"end_date":"2027-03-04 00:00:00",
"text":"dblclick me!",
"type":"1"
},
{
"id":"2",
"start_date":"2027-03-09 00:00:00",
"end_date":"2027-03-11 00:00:00",
"text":"and me!",
"type":"2"
},
{
"id":"3",
"start_date":"2027-03-16 00:00:00",
"end_date":"2027-03-18 00:00:00",
"text":"and me too!",
"type":"3"
},
{
"id":"4",
"start_date":"2027-03-02 08:00:00",
"end_date":"2027-03-02 14:10:00",
"text":"Type 2 event",
"type":"2"
}
],
"collections": { /*!*/
"sections":[ /*!*/
{"value":"1","label":"Simple"}, /*!*/
{"value":"2","label":"Complex"}, /*!*/
{"value":"3","label":"Unknown"} /*!*/
] /*!*/
} /*!*/
}

XML

<data>
<event id="1">
<text><![CDATA[会议]]></text>
<start_date>04/11/2027 14:00</start_date>
<end_date>04/11/2027 17:00</end_date>
</event>
<event id="2">
<text><![CDATA[研讨会]]></text>
<start_date>04/15/2027 12:00</start_date>
<end_date>04/18/2027 19:00</end_date>
</event>
<event id="3">
<text><![CDATA[面试]]></text>
<start_date>04/24/2027 09:00</start_date>
<end_date>04/24/2027 10:00</end_date>
</event>
</data>

iCal

BEGIN:VCALENDAR
VERSION:2.0
PRODID:-//dhtmlXScheduler//NONSGML v2.2//EN
DESCRIPTION:
BEGIN:VEVENT
DTSTART:20270411T140000
DTEND:20270411T170000
SUMMARY:会议
END:VEVENT
BEGIN:VEVENT
DTSTART:20270415
DTEND:20270418
SUMMARY:研讨会
END:VEVENT
BEGIN:VEVENT
DTSTART:20270424T090000
DTEND:20270424T100000
SUMMARY:面试
END:VEVENT
END:VCALENDAR

带自定义属性的数据

讓我們考慮一個例子,假設初始資料集(如上方所示)具有 2 個自訂屬性:

  • room - 事件将发生在的房间号。
  • holder - 负责该事件的人员姓名。

JSON

[
{
"id":"1",
"text":"会议",
"start_date":"2027-04-11 14:00",
"end_date":"2027-04-11 17:00"
"room":327,
"holder":"James"
}
]

请注意,数据源返回的所有属性都会添加到事件对象中,并可通过客户端 API访问。

例如:

scheduler.templates.event_text = function(start, end, event){
return event.holder;
};

XML

<data>
<event id="1">
<text><![CDATA[会议]]></text>
<start_date>04/11/2027 14:00</start_date>
<end_date>04/11/2027 17:00</end_date>
<room>327</room>
<holder><![CDATA[James]]></holder>
</event>
</data>

iCal

请注意,在客户端,属性名(除了 DTSTART、DTEND 和 SUMMARY 之外)会从大写转换为小写:ROOM 会变为 room,HOLDER 会变为 holder。

BEGIN:VCALENDAR
VERSION:2.0
PRODID:-//dhtmlXScheduler//NONSGML v2.2//EN
DESCRIPTION:
BEGIN:VEVENT
DTSTART:20270411T140000
DTEND:20270411T170000
SUMMARY:会议
ROOM:327
HOLDER:James
END:VEVENT
END:VCALENDAR
Need help?
Got a question about the documentation? Reach out to our technical support team for help and guidance. For custom component solutions, visit the Services page.