календарь событий с помощью jquery

Question

Я создаю календарь встреч с помощью плагина и магистрали fullCalendar jquery. Я читаю этот учебник здесь об этом: enter link description here

В разделе «Давайте начнем диалог» кода показано, как к тому, как создать модальное окно и ввести новое событие, код основан на диалоге виджете JQuery UI, enter link description here

здесь код конкретно:

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

То, что я пытаюсь сделать, это добавить больше HTML в этом диалоге. Я хочу добавить элемент выбора, например, чтобы пользователь мог выбрать продолжительность встречи.

Документация 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); 
     } 
    ); 
}