如何将cal.Event.something放入jQuery对话框中

时间:2011-11-04 01:17:48

标签: fullcalendar

我使用JSON加载完整日历,并在自定义参数中包含每个事件的说明。我想在eventClick函数上使用jQuery对话框,但不知道如何指定它。这是我正在尝试做的事情:

eventClick: function(calEvent, jsEvent, view) {

        $("#cal_event").dialog({
            title: calEvent.title,
            content: calEvent.description
        });
}

在指示“内容”的地方是否有使用对象?如果没有,我如何将calEvent.description放入对话框?

感谢您提供的任何帮助。

1 个答案:

答案 0 :(得分:1)

以为我会发布我最后这样做是为了帮助其他人阅读这篇文章。

我使用了以下内容:

$(document).ready(function() {
    $('#calendar').fullCalendar({
        theme: "true",
        aspectRatio: 1.8,
        weekMode: 'liquid',
        header: {
            left: "",
            center: "prev title next",
            right: ""
        },
        buttonIcons:{
            prev: "triangle-1-w",
            next: "triangle-1-e"
        },
        eventSources: [
            {
                url: 'file1.php',  // Event Source One //
                type: 'POST',
                error: function() {
                    alert('there was an error while fetching events!');
                },
                color: '#006600',
                textColor: 'white'
            },
            {
                url: 'file2.php',  // Event Source Two //
                type: 'POST',
                error: function() {
                    alert('there was an error while fetching events!');
                },
                borderColor: '#006600',
                color: 'white',
                textColor: '#333333'
            }
        ],
        eventClick: function(calEvent, jsEvent, view) {
            $("#dialog_frame").css("visibility", "visible");
            $("#dialog_frame").draggable("enable");
            $(".dialog_content").html(calEvent.description);
            $(".dialog_title").html(calEvent.title);         
        }   
    })
});