使用jquery的事件日曆

我使用fullCalendar jquery插件和主幹來構建約會日曆。我在這裏閱讀本教程關於它：enter link description here 使用jquery的事件日曆

在「讓我們開始一個對話框」部分中顯示瞭如何創建模式框並輸入新事件，代碼基於對話框小部件jQuery的UI，enter link description here

這裏是具體的代碼：

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

我所試圖做的是在該對話框中添加更多的HTML。例如，我想添加一個select元素，以便用戶可以選擇約會的持續時間。

http://api.jqueryui.com/dialog/中的jquery文檔沒有指出如何做到這一點。爲了更好地瞭解我想要做的事情，請查看在Outlook.com日曆上創建事件時出現的模式框。

當然，數據將與ajax一起發送......但這是一個不同的主題。

來源

2013-12-10 Dimitris Papageorgiou

jqueryui對話框使用HTML內容，這些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); 
     } 
    ); 
}

來源

2013-12-10 16:01:22 paulitto

首先，你的代碼看起來Ok.Second，我不是在這裏談論的外部資源在這裏，而只是改變與骨幹網是關係到HTML文件。我做了什麼（不知道這是否是正確的方法），只是直接編輯HTML，而不是將代碼添加到與您打開方法相關的函數中 –

使用jquery的事件日曆

回答

相關問題