使用jquery的事件日历

Question

我正在使用fullCalendar jquery插件和主干构建约会日历。我在这里阅读这个教程：在这里输入链接描述

在"让我们启动一个对话框"一节中，显示了如何创建模式框并输入新事件的代码，该代码基于jquery UI的对话框小部件，在此处输入链接描述

这是具体的代码：

render: function() {
    this.el.dialog({
        modal: true,
        title: 'New Event',
        buttons: {'Cancel': this.close}
    });

我想做的是在对话框中添加更多的html。例如，我想添加一个select元素，以便用户可以选择约会的持续时间。

中的jquery文档http://api.jqueryui.com/dialog/并没有说明如何做到这一点。为了更好地了解我想做的事情，请查看在outlook.com日历上创建活动时出现的模式框。

当然，数据将通过ajax发送。。。但这是另一个话题。

Answer 1

jqueryui对话框使用您正在应用插件的元素内部的html内容。

我认为它没有从外部资源加载内容的内置功能。

所以，您可以在初始化对话框之前将html放入元素中，也可以使用它的回调。例如，如果您想通过ajax将数据加载到其中：

el.dialog({ 
modal: true,
title: 'New Event',
buttons: {'Cancel': this.close},
open: function(){
    var thisdialog = this;
    $(thisdialog).html('loading data...');
    $.post('external_resouce.html',
        function(data){
            $(thisdialog).html(data);
        }
    );
}