blocks|key|1219453|text|我会说：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1219454|if(event.id+>+100)
{
+++event.disableDragging();
+++event.disableResizing();
}|code-block|syntax|javascript|1219455|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|I|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|J|8|@]|9|@]|A|$E|F]]|$1|G|3|-4|5|6|7|K|8|@]|9|@]|A|$]]]|H|$]]

i would say:

<pre><code>if(event.id &gt; 100)
{
 event.disableDragging();
 event.disableResizing();
}
</code></pre>

blocks|key|4816400|text|从1.4.8开始，disableDragging和disableResizing都不是fullcalendar中定义的函数。我敢肯定，世界上有两个人没有尝试过第一个建议:)然而，您需要点击jQuery+UI对象本身，以在事件级别禁用拖动或调整大小。因此(而不是尝试使用不存在的函数)在您的eventRender(event,+element)回调中尝试这样做：|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|BOLD|entityRanges|data|4816401|if+(event.id+>+100)+{

++++element.draggable+=+false;

}|code-block|syntax|javascript|4816402|请注意，我只是在jQuery元素本身上设置属性，因为它与UI的可拖动行为有关。|4816403|resizable也是如此，除了你需要通过jquery选择器来识别并移除fullcalendar所附加的div+(class+=+ui-resizable-handle+ui-resizable-s)+(只需确保在yoru+events数组中为每个事件设置一个唯一的className，这样你就可以在DOM中轻松地识别它)。请请求完整日历开发人员将disableDragging和disableResizing属性添加到Event对象中。只需不到一分钟的时间就可以将对此的支持添加到源代码中。|4816404|entityMap^0|9|F|P|F|40|R|1N|2|0|0|0|1L|16|46|3|4U|F|5A|F|0^^$0|@$1|2|3|4|5|6|7|R|8|@$9|S|A|T|B|C]|$9|U|A|V|B|C]|$9|W|A|X|B|C]|$9|Y|A|Z|B|D]]|E|@]|F|$]]|$1|G|3|H|5|I|7|10|8|@]|E|@]|F|$J|K]]|$1|L|3|M|5|6|7|11|8|@]|E|@]|F|$]]|$1|N|3|O|5|6|7|12|8|@$9|13|A|14|B|C]|$9|15|A|16|B|C]|$9|17|A|18|B|C]|$9|19|A|1A|B|C]]|E|@]|F|$]]|$1|P|3|-4|5|6|7|1B|8|@]|E|@]|F|$]]]|Q|$]]

Neither <code>disableDragging</code> nor <code>disableResizing</code> are functions defined in fullcalendar as of 1.4.8. I am certain that 2 people in the world haven't tried the first suggestion :) Nevertheless, you'll need to tap into the jQuery UI object itself to disable dragging or resizing at the event level. So (rather than trying to use non-existent functions) try this in your <code>eventRender(event, element)</code> callback:

<pre><code>if (event.id &gt; 100) {

 element.draggable = false;

}
</code></pre>

Note that I am simply setting the property on the jQuery element itself as it pertains to UI's draggable behavior.

The same goes for resizable EXCEPT that you will need to remove the div (<code>class = ui-resizable-handle ui-resizable-s</code>) that is appended by fullcalendar by identifying it with a jquery selector and removing it (just be sure to set a unique className per event in yoru events array so you can easily identify it in the <code>DOM</code>). Please kindly petition the fullcalendar developer(s) to add <code>disableDragging</code> and <code>disableResizing</code> properties to the Event object. It takes less than a minute to add support for this to the source.

blocks|key|1219477|text|这对我来说是完美的：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1219478|if+(+event.id+>+100+)+{
++element.draggable+=+false;
++element.resizable+=+false;
}|code-block|syntax|javascript|1219479|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|I|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|J|8|@]|9|@]|A|$E|F]]|$1|G|3|-4|5|6|7|K|8|@]|9|@]|A|$]]]|H|$]]

This worked perfect for me :

<pre><code>if ( event.id &gt; 100 ) {
 element.draggable = false;
 element.resizable = false;
}
</code></pre>

blocks|key|1964203|text|eventRender:+function(event,+element)+{
++++if+(event.id.indexOf("IDENTIFYING_STRING")+==+-1)+
++++{
++++++++event.editable+=+false;
++++}+++++++++++++++++++++++
}|type|code-block|depth|inlineStyleRanges|entityRanges|data|syntax|javascript|1964204|unstyled|entityMap^0|0^^$0|@$1|2|3|4|5|6|7|G|8|@]|9|@]|A|$B|C]]|$1|D|3|-4|5|E|7|H|8|@]|9|@]|A|$]]]|F|$]]

<pre><code>eventRender: function(event, element) {
 if (event.id.indexOf("IDENTIFYING_STRING") == -1) 
 {
 event.editable = false;
 } 
}
</code></pre>

blocks|key|4816511|text|在创建全日历时使用这些标签来禁止拖动或调整大小。arshaw文档并不是很有说服力，但这就是如何解释它们。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|4816512|+$('#calendar').fullCalendar({
++++disableResizing:true,
++++disableDragging:true,

++++//the+rest+of+your+code...|code-block|syntax|javascript|4816513|disableDragging：布尔值，默认值：false禁用所有事件拖动，即使事件是可编辑的。|offset|length|style|BOLD|CODE|4816514|disableResizing：布尔值，默认值：false禁用所有事件的大小调整，即使事件是可编辑的。|4816515|entityMap^0|0|0|0|F|O|5|0|0|F|O|5|0^^$0|@$1|2|3|4|5|6|7|R|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|S|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|T|8|@$I|U|J|V|K|L]|$I|W|J|X|K|M]]|9|@]|A|$]]|$1|N|3|O|5|6|7|Y|8|@$I|Z|J|10|K|L]|$I|11|J|12|K|M]]|9|@]|A|$]]|$1|P|3|-4|5|6|7|13|8|@]|9|@]|A|$]]]|Q|$]]

Use these tags when creating your fullcalendar to disable dragging or resizing. The arshaw docs aren't very explanatory but this is how to interpret them.

<pre><code> $('#calendar').fullCalendar({
 disableResizing:true,
 disableDragging:true,

 //the rest of your code...
</code></pre>

disableDragging: Boolean, Default: <code>false</code>
 Disables all event dragging, even when events are editable.

disableResizing: Boolean, Default: <code>false</code>
 Disables all event resizing, even when events are editable.

blocks|key|1221793|text|你必须黑进fullcalendar.js|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1221794|取消注释行|1221795|t.isEventDraggable+=+isEventDraggable;
t.isEventResizable+=+isEventResizable;|code-block|syntax|javascript|1221796|替换函数：|1221797|function+isEventDraggable(event)+{
+++++++++return+isEventEditable(event)+&&+!opt('disableDragging')+&&
++++++++++++!event.disableDragging;
}


function+isEventResizable(event)+{+//+but+also+need+to+make+sure+the+seg.isEnd+==+true
+++++++++return+isEventEditable(event)+&&+!opt('disableResizing')+&&
++++++++++++!event.disableResizing;+
}|1221798|现在，您可以根据需要为每个事件启用/禁用调整大小和拖动。|1221799|entityMap^0|0|0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|Q|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|R|8|@]|9|@]|A|$]]|$1|D|3|E|5|F|7|S|8|@]|9|@]|A|$G|H]]|$1|I|3|J|5|6|7|T|8|@]|9|@]|A|$]]|$1|K|3|L|5|F|7|U|8|@]|9|@]|A|$G|H]]|$1|M|3|N|5|6|7|V|8|@]|9|@]|A|$]]|$1|O|3|-4|5|6|7|W|8|@]|9|@]|A|$]]]|P|$]]

You have to hack fullcalendar.js

uncomment lines

<pre><code>t.isEventDraggable = isEventDraggable;
t.isEventResizable = isEventResizable;
</code></pre>

replace functions:

<pre><code>function isEventDraggable(event) {
 return isEventEditable(event) &amp;&amp; !opt('disableDragging') &amp;&amp;
 !event.disableDragging;
}


function isEventResizable(event) { // but also need to make sure the seg.isEnd == true
 return isEventEditable(event) &amp;&amp; !opt('disableResizing') &amp;&amp;
 !event.disableResizing; 
}
</code></pre>

Now you can enable/disable resize and dragging for every event as you like.

blocks|key|3405260|text|使用这里所示的方法，我没有成功。我最终使用fullcalendar.js为事件添加了一个noDragging选项，这实际上非常简单：|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|3405261|原件：|3405262|function+isEventDraggable(event)+{
++++return+isEventEditable(event)+&&+!opt('disableDragging');
}|code-block|syntax|javascript|3405263|将其更改为：|3405264|function+isEventDraggable(event)+{
++++return+isEventEditable(event)+&&+!opt('disableDragging')+&&+!event.noDragging;
}|3405265|刚刚添加了对event.noDragging的检查。|3405266|entityMap^0|18|A|0|0|0|0|0|6|G|0^^$0|@$1|2|3|4|5|6|7|U|8|@$9|V|A|W|B|C]]|D|@]|E|$]]|$1|F|3|G|5|6|7|X|8|@]|D|@]|E|$]]|$1|H|3|I|5|J|7|Y|8|@]|D|@]|E|$K|L]]|$1|M|3|N|5|6|7|Z|8|@]|D|@]|E|$]]|$1|O|3|P|5|J|7|10|8|@]|D|@]|E|$K|L]]|$1|Q|3|R|5|6|7|11|8|@$9|12|A|13|B|C]]|D|@]|E|$]]|$1|S|3|-4|5|6|7|14|8|@]|D|@]|E|$]]]|T|$]]

I did not have success with the methods shown here. I ended up hacking fullcalendar.js to add a <code>noDragging</code> option for events, which was actually extremely easy:

original:

<pre><code>function isEventDraggable(event) {
 return isEventEditable(event) &amp;&amp; !opt('disableDragging');
}
</code></pre>

changed it to:

<pre><code>function isEventDraggable(event) {
 return isEventEditable(event) &amp;&amp; !opt('disableDragging') &amp;&amp; !event.noDragging;
}
</code></pre>

Just added the check for <code>event.noDragging</code>.

blocks|key|3405268|text|在创建全日历时使用这些标签来禁止拖动或调整大小。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|3405269|**>++$('#calendar').fullCalendar({
>+
>++++editable:+false,
>+
>+//the+rest+of+your+code...+}**|code-block|syntax|javascript|3405270|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|I|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|J|8|@]|9|@]|A|$E|F]]|$1|G|3|-4|5|6|7|K|8|@]|9|@]|A|$]]]|H|$]]

Use these tags when creating your fullcalendar to disable dragging or resizing. 

<pre><code>**&gt; $('#calendar').fullCalendar({
&gt; 
&gt; editable: false,
&gt; 
&gt; //the rest of your code... }**
</code></pre>

blocks|key|1219559|text|element.draggable+=+false和event.ediable+=+false都不适合我。这一定是因为较新版本的FullCalendar。如果这也是你的情况，试一下：|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|1219560|if+(+event.id+>+100+)+{
++++event.startEditable+=+false;
}|code-block|syntax|javascript|1219561|对我很管用。|1219562|或者，您可以在删除后取消移动事件：|1219563|eventDrop:+function+(event,+delta,+revertFunc)+{

++++++++++++if+(event.id+<+100)+
++++++++++++++++revertFunc();
++++++++}|1219564|entityMap^0|0|P|Q|L|0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|S|8|@$9|T|A|U|B|C]|$9|V|A|W|B|C]]|D|@]|E|$]]|$1|F|3|G|5|H|7|X|8|@]|D|@]|E|$I|J]]|$1|K|3|L|5|6|7|Y|8|@]|D|@]|E|$]]|$1|M|3|N|5|6|7|Z|8|@]|D|@]|E|$]]|$1|O|3|P|5|H|7|10|8|@]|D|@]|E|$I|J]]|$1|Q|3|-4|5|6|7|11|8|@]|D|@]|E|$]]]|R|$]]

Neither <code>element.draggable = false</code> and <code>event.ediable = false</code> worked for me. It must be because of the newer version of FullCalendar. If that's your case as well, try:

<pre><code>if ( event.id &gt; 100 ) {
 event.startEditable = false;
}
</code></pre>

Worked for me.

Alternatively you could cancel the move event after dropping:

<pre><code>eventDrop: function (event, delta, revertFunc) {

 if (event.id &lt; 100) 
 revertFunc();
 }
</code></pre>

blocks|key|1219572|text|这是最好的解决方案：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1219573|$('#calendar').fullCalendar({
++++disableDragging+=+true
});|code-block|syntax|javascript|1219574|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|I|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|J|8|@]|9|@]|A|$E|F]]|$1|G|3|-4|5|6|7|K|8|@]|9|@]|A|$]]]|H|$]]

This is the best solution:

<pre><code>$('#calendar').fullCalendar({
 disableDragging = true
});
</code></pre>

blocks|key|4816729|text|FullCalendar+v1.6.4|type|unstyled|depth|inlineStyleRanges|offset|length|style|BOLD|entityRanges|data|4816730|eventRender:+function(jsEvent,+element)+{

+if(jsEvent.id+>+100)+{

++++jsEvent.startEditable++++=+false;
++++jsEvent.durationEditable+=+false;
++}

++return+element;+++++++++++++
}|code-block|syntax|javascript|4816731|这个解决方案对我来说就像一个护身符。|4816732|我已经用Ruby+Gem+"Fullcalendar_engine“实现了这个JS库。|4816733|entityMap^0|0|J|0|0|0|0^^$0|@$1|2|3|4|5|6|7|Q|8|@$9|R|A|S|B|C]]|D|@]|E|$]]|$1|F|3|G|5|H|7|T|8|@]|D|@]|E|$I|J]]|$1|K|3|L|5|6|7|U|8|@]|D|@]|E|$]]|$1|M|3|N|5|6|7|V|8|@]|D|@]|E|$]]|$1|O|3|-4|5|6|7|W|8|@]|D|@]|E|$]]]|P|$]]

FullCalendar v1.6.4 

<pre><code>eventRender: function(jsEvent, element) {

 if(jsEvent.id &gt; 100) {

 jsEvent.startEditable = false;
 jsEvent.durationEditable = false;
 }

 return element; 
}
</code></pre>

This solution has been working for me like a charm.

I've implemented this JS library with Ruby Gem "Fullcalendar_engine".

blocks|key|3405422|text|在editable中只写false，它将不能拖放editable:+false|type|unstyled|depth|inlineStyleRanges|entityRanges|data|3405423|entityMap^0|0^^$0|@$1|2|3|4|5|6|7|D|8|@]|9|@]|A|$]]|$1|B|3|-4|5|6|7|E|8|@]|9|@]|A|$]]]|C|$]]

in editable just write false and it wont be able to drag and drop
 editable: false

Can anybody tell me how to stop dragging / resizing the events where <code>event.id &gt; 100</code>? Only those events should be non draggable.

Updated with Code Sample:

<pre><code>eventRender: function(event, element) {
 if (event.id &gt; 100) {
 event.disableDragging();
 event.disableResizing();
 }

 element.qtip({
 content: GetEventToolTip(event),
 position: { corner: { tooltip: 'bottomLeft', target: 'topMiddle'} },
 style: {
 border: {
 width: 1,
 radius: 5
 },
 padding: 5,
 textAlign: 'left',
 tip: false,
 name: event.iscustom == 'True' ? 'cream' : 'dark'
 }
 });
}
</code></pre>

Thanks.

FullCalendar: How to stop dragging custom events?

翻译质量差，导致语言生硬或混乱。

没有提供实际的解决方法或示例。

解答不清晰，无法理解或解决问题。

页面排版不美观，阅读体验差。

文章

问答

视频

学习中心

腾讯云实验室

直播

竞赛

腾讯云架构师技术同盟交流圈

腾讯云数据库专区

腾讯云顾问专区

腾讯云原生专区

腾讯混元专区

腾讯云TCE专区

腾讯云Lighthouse专区

腾讯云HAI专区

腾讯云Edgeone专区

腾讯云存储专区

腾讯云智能专区

腾讯轻联专区 

腾讯云开发专区

TAPD专区

腾讯轻量云游戏服专区

腾讯云最具价值专家

腾讯云架构师技术同盟

腾讯云创作之星

腾讯云开发者先锋 

腾讯云代码助手

CODING DevOps

Cloud Studio

SDK中心

API中心

命令行工具

谁能告诉我如何停止拖动/调整event.id > 100中的事件大小？只有这些事件应该是不可拖动的。使用代码示例更新：eventRender: function(event, element) {    if (event.id > 100) {        event.disableDragging();     ...

问FullCalendar:如何停止拖动自定义事件？
EN

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问FullCalendar:如何停止拖动自定义事件？EN