2010-10-15 61 views
2

我有我的fullCalendar運行良好,但是,我需要允許用戶從日曆中刪除事件。我可以使用clickEvent方法調出一個確認窗口,其中顯示「您要刪除」消息。但是這看起來有點笨重。有更好的用戶界面移除事件的方式嗎?FullCalendar事件刪除UI的建議

回答

4

Google日曆使用點擊提供「編輯活動詳細信息」和「刪除」的qTip。起初,我不喜歡將用戶發送到不同的「活動詳情頁面」,但在思考了一段時間後,這是一個非常好的方式。

alt text

0

它始終是安全去除的東西之前,索要確認。

反正你可以使用eventRender callback 特別是可以自定義事件的渲染:

  • 將自定義標記來呈現的X光圖像被點擊將Ajax調用刪除功能,當
  • 可以附加其他jQuery插件來重現qTip效果

查看鏈接瞭解更多詳情。希望它有幫助

+1

謝謝你的建議。捅我周圍發現了一些像洛倫佐的建議:http://code.google.com/p/fullcalendar/issues/attachmentText?id=210&aid=-166241222149182113&name=hoverDeleteButton.txt&token=b07e24289819cd647c3d81d05e99ce7f這很好。 – Tom 2010-10-18 21:27:31

+1

蓋!但請注意,不小心點擊很難。例如使用足夠大的刪除圖標。老實說,作爲UX,我會通過模態框告知用戶。請記住刪除內容至關重要。 – elon 2013-02-15 16:06:05