在事件的第一行添加图标(fullCalendar) [英] Add Icon(s) in first line of an event (fullCalendar)
问题描述
对于要在'fullCalendar'矩阵中显示的事件的特定属性,我想添加图标以显示它们,'已完成'(i)按钮或URL符号以防事件包含URL链接。
我不想将任何html字符串写入< a>中的其中一个元素(fc-event-time / -title)元素,但定义一个像这样的附加元素:
< a>
< span class =fc-event-time> 15:15 - 16:15< br>< / span>
**< span class =fc-event-icons> < / span> **
< span class =fc-event-title> Fri Dille< / span>
< / a>
这里有什么帮助吗?
Günter
嗯,这个话题已经很久了,但我在这里找不到如何用< img>
标记,所以我在这里以另一种方式将图像置于fullcalendar事件中:
添加 eventObject
图像的路径。如果您使用JavaScript,它会是这样的:
events:[
{
title:'event1 ',
start:'2010-01-01',
imageurl:'img / edit.png'
},
{
title:'event1',
start:'2010-01-01'
}]
然后 eventRender
只需放置图像:
eventRender:function(event,eventElement ){
if(event.imageurl){
eventElement.find(div.fc-content)。prepend(< img src ='+ event.imageurl +''width =' 12'height ='12'>);
$ b $ p $如果你想在所有图片上使用相同的图片项目,你只需要把它放在你的 eventRender
中: eventElement .find(div.fc-content)。prepend(< img src ='pathtoimage.png'width = '12'height ='12'>);
For specific attributes of an event to be displayed in the 'fullCalendar' matrix I would like to add icons to show them, for 'completed' an (i) button, or an URL symbol in case the event contains an URL link.
I don't want to write any html string to one of the elements (fc-event-time/-title) in the <a> element, but define an additional element like this:
<a>
<span class="fc-event-time">15:15 - 16:15<br></span>
**<span class="fc-event-icons"> ..some definitions for icons here ..</span>**
<span class="fc-event-title">Fri Dille</span>
</a>
Any help here?
Günter
解决方案 Well this topic is old, but I couldn't find here how to do it with <img>
tags so I leave here another way to put images in fullcalendar events:
Add in your eventObject
a path to the image. If you use javascript it would be something like:
events: [
{
title : 'event1',
start : '2010-01-01',
imageurl:'img/edit.png'
},
{
title : 'event1',
start : '2010-01-01'
}]
Then on eventRender
just put the image:
eventRender: function(event, eventElement) {
if (event.imageurl) {
eventElement.find("div.fc-content").prepend("<img src='" + event.imageurl +"' width='12' height='12'>");
}
},
If you want to use the same image on all items, you just need to put this in your eventRender
:
eventElement.find("div.fc-content").prepend("<img src='pathtoimage.png' width='12' height='12'>");
这篇关于在事件的第一行添加图标(fullCalendar)的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!