简体   繁体   English

jQuery fullcalendar-向下显示事件标题

[英]jQuery fullcalendar - display event title down side

I'm trying to use jQuery the fullcalendar plugin to create a schedule view for inventory item bookings, but I'm having some difficulties. 我正在尝试使用jQuery fullcalendar插件来为库存项目预订创建计划视图,但是遇到了一些困难。 Inside the system, a user can create a booking for an item between a given start and end date. 在系统内部,用户可以在给定的开始日期和结束日期之间为商品创建预订。 By default, treating a booking for an item as an event, I can use fullcalendar to display any items that have bookings in a calendar, as in the following screenshot. 默认情况下,将某个项目的预订视为事件,我可以使用fullcalendar在日历中显示所有具有预订的项目,如以下屏幕截图所示。 在此处输入图片说明

This is pretty straight forward, however the preferred functionality would be to have a list of all items down the side as a legend (with or without bookings), then for any items that have bookings, display the event. 这很简单,但是首选功能是将所有项目的列表作为图例(带有或不带有预订)作为侧面显示,然后对具有预订的任何项目显示事件。 The best way for me to explain this is to show a mockup of what I'd like to do: 对我来说,最好的解释方法是显示我想做的事的样机: 在此处输入图片说明

I've mucked around with fullcalendar but I can't seem to be able to get it to display the items down the side like in my screenshot. 我已经用fullcalendar搞砸了,但似乎无法像我的屏幕快照那样用它来显示项目的侧面。 I've searched for examples / other plugins but I haven't been able to find anything that implements this kind of functionality. 我已经搜索了示例/其他插件,但是找不到能够实现这种功能的任何东西。 For the time being I'm not fussed about having the empty items displayed, I'm sure that wouldn't be too hard to achieve later, but for now I would just like to get the items displayed down the side. 就目前而言,我对显示空项目并不感到困惑,我敢肯定以后再实现也不会太难,但是现在我只想将这些显示在侧面。

Has anyone seen anything like this, or have any examples or ideas that could put me on the right track to solving this problem? 有没有人看到过这样的事情,或者有任何例子或想法可以使我走上解决这一问题的正确道路?

Thanks in advance! 提前致谢!

我认为很多人都希望使用“资源”视图: http : //code.google.com/p/fullcalendar/issues/detail? id= 150

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM