Question

我正在尝试为jquery Full Calendar插件提供json feed，但我没有太多运气。我从coldfusion返回的数据格式不正确（至少这是我的猜测）。这是我要回来的：

{"COLUMNS":["TITLE","START","END","REQUEST_TYPE_ID"],"DATA":[["duration of a VTC ","2012-03-15T12:00:00Z","2012-03-15T15:00:00Z",1],["a new vtc overlap","2012-03-15T11:45:00Z","2012-03-15T14:15:00Z",1]]}

我很确定完整日历不知道如何阅读此数据类型。所以问题是，我可以让CF以完整日历接受的格式传回数据吗？还有其他事情在这里发生吗？

这是我的组件：

<cfquery datasource="#arguments.dsn#" name="eventlist">
select title, to_char(start_time,'YYYY-MM-DD')||'T'||to_char(start_time,'HH24:MI:SS')||'Z' as "start", 
to_char(start_time,'YYYY-MM-DD')||'T'||to_char(start_time + (duration/1440),'HH24:MI:SS')||'Z' as "end", request_type_id
from ((request r join event_schedule es on es.request_id = r.id)left join location_ref loc on loc.location_id = r.location_id) 
where site_id = <cfqueryparam value="#arguments.site_id#" cfsqltype="cf_sql_varchar" />
and request_type_id = <cfqueryparam value="#arguments.evnttype#" cfsqltype="cf_sql_varchar" />
and start_time between to_date('#sdate#', 'mon dd yyyy') and to_date('#edate#', 'mon dd yyyy')
</cfquery>

，返回格式为json。

returnformat="json"

有什么想法吗？

谢谢！

Answer 1

您需要格式化数据才能使插件正常工作。它必须是一个事件对象数组http://arshaw.com/fullcalendar/docs/event_data/Event_Object/

因此，您需要循环查询并使用上述链接中的文档中指定的键创建一个结构数组。

您将需要使用数组表示法，因为JavaScript对变量名称区分大小写，CF喜欢在结构中将键设置为大写。

这样做： -

<cfset myStruct["id"] = 1>

而不是： -

<cfset myStruct.id = 1>

我希望有所帮助。

Answer 2

我创建了一个CFC，它根据传递的日期返回jSon; 我的CFC崩溃了：

<cfcomponent>
        <cffunction name="LoadCalendarData" access="remote" output="false" returntype="Any" returnformat="JSON">

            <cfargument name="DEPTID" type="any" required="false" />
            <cfargument name="STAFFCLASSID" type="any" required="false" />
            <cfargument name="start" type="date" required="false" />
            <cfargument name="end" type="date" required="false" />

            <cfset arguments.start=#DateFormat(DateAdd("s", arguments.start, "January 1 1970 00:00:00"), "mmmm dd, yyyy")#/>
            <cfset arguments.end=#DateFormat(DateAdd("s", arguments.end, "January 1 1970 00:00:00"), "mmmm dd, yyyy")#/>
<cfinvoke component="DataStore" method="Calendar_LU" returnvariable="qGetCalendar" DEPTID="#arguments.deptid#" STAFFCLASSID="#arguments.STAFFCLASSID#" START="#arguments.start#" END="#arguments.end#" />

我将开始日期和结束日期的参数转换为fullcalendar可以使用的内容然后我开始通过基于返回的信息循环数据来构建。接下来我分解日期和时间，以便将其传递回fullCalendar。

<cfset CalendarData=[] />       
    <cfset CalData = arraynew(2) />         
    <cfloop query="qGetCalendar">

    <cfset sd = #dateformat(LEAVESTARTDATE,'dd')# />
    <cfset sm = #dateformat(LEAVESTARTDATE,'mm')# />
    <cfset sy = #dateformat(LEAVESTARTDATE,'yyyy')# />
    <cfset sh = #timeformat(LEAVESTARTDATE,'HH')# />
    <cfset si = #timeformat(LEAVESTARTDATE,'mm')# />
    <cfset ed = #dateformat(LEAVEENDDATE,'dd')# />
    <cfset em = #dateformat(LEAVEENDDATE,'MM')# />
    <cfset ey = #dateformat(LEAVEENDDATE,'yyyy')# />
    <cfset eh = #timeformat(LEAVEENDDATE,'HH')# />
    <cfset ei = #timeformat(LEAVEENDDATE,'mm')# />
<cfset event=structNew() />
<cfset event['title']='#Left(ListLast(FULLNAME,","),1)#. #REReplace(ListFirst(FULLNAME,","),"'","")#' />
<cfset event['start']='#sy#-#sm#-#sd# #sh#:#si#' />
<cfset event['end']='#ey#-#em#-#ed# #eh#:#si#' />
<cfset event['textColor']='##330000'/>
<cfset event['backgroundColor']=STATUSColor />
<cfset event['url']=clickablePath />
<cfset arrayAppend(CalendarData,event)/>

</cfloop> 

    <cfreturn calendarData />
</cffunction>

在调用fullCalendar的脚本中我使用它来调用CFC

eventSources: [{url:'CFCs/Holidays.cfc?Method=LoadCalendarHolidays'},{url:'CFCs/CalendarDataRemote.cfc?Method=LoadCalendarData&DEPTID=<cfoutput>#deptid#</cfoutput>&STAFFCLASSID=<cfoutput>#STAFFCLASSID#</cfoutput>'}],

正如您所看到的，我添加了另一个CFC调用以引入我们的假期，以便您可以加载多个日历数据。希望这有帮助

Answer 3

你还需要确保关键字是小写的...像javascript这样的fullCalendar是区分大小写的，所以你需要开始，结束等。

只需阅读baynezy答案的结尾，请注意这一点，请不要理会。

如何格式化从coldfusion到jquery fullcalendar的json feed？

3 个答案: