如何在没有代码“可编辑 = true”的情况下调整完整日历中的事件大小
How to resize an event in full calendar without the code "editable = true"
我需要在没有代码editable=true
的情况下手动调整fullcalendar
事件的大小,因为我在事件中添加了一个下拉列表,并且为了工作它的点击,我想阻止可编辑的属性(editable=false
)。现在下拉列表正在工作,但调整大小属性已消失。即使我尝试了可调整大小的属性(resizable=true
)。我怎样才能携带两个代码?
示例代码
$('#calendar').fullCalendar({
theme: true,
header: {
left: 'prev,next today',
center: 'title',
right: 'month,agendaWeek,agendaDay,agendaFourDay'
},
views: {
agendaFourDay: {
type: 'agenda',
duration: { days: 4 },
buttonText: '4 day'
},
},
defaultView: viewDefault,
//minTime: '07:00:00',
//maxTime: '21:00:00',
allDaySlot: false,
eventClick: updateEvent,
selectable: true,
selectHelper: true,
select: selectDate,
editable: false,
resizable: true,
events: "JsonResponse.ashx?eids=" + eIds + "&searchText=" + searchText,
//events: {
// url: 'JsonResponse.ashx',
// type: 'POST',
// data: {
// eIds: $('#hdnCustomerIds').val()
// },
// error: function () {
// alert('there was an error while fetching events!');
// }
//},
defaultDate: dateDefault,
eventDrop: eventDropped,
eventResize: eventResized,
eventRender: function (event, element, view) {
debugger;
// event.stopPropagation();
$(element).find('.fc-title').prepend('<a href="javascript:void(0);" class="delete-event-link" style="color:#fff">' + event.customerid + ',</a>');
$(element).find('.fc-title').html('<select class="dropdown" style="color:black";" onchange="OnchangeEventStatus(this,'+event.id+')"><option >Volvo</option><option value="saab">Saab</option><option value="opel">Opel</option><option value="audi">Audi</option></select>');
$(element).find('.dropdown').click(function (e) {
e.stopImmediatePropagation(); //stop click event, add deleted click for anchor link
});
$(element).find('.delete-event-link').click(function (e) {
e.stopImmediatePropagation(); //stop click event, add deleted click for anchor link
window.top.location.href = "/Sr_App/Customer_Profile.aspx?CustomerId=" + event.customerid;
});
//$(element).find('.fc-title').prepend('<a href="javascript:void(0);" class="delete-event-link" style="color:#fff">' + event.customerid + ',</a>');
element.qtip({
content: {
text: qTipText(event.start, event.end, event.description),
title: '<strong>' + event.title + '</strong>'
},
position: {
my: 'bottom left',
at: 'top right'
},
style: { classes: 'qtip-shadow qtip-rounded' }
});
}
});
我得到了解决方案,只需为完整日历添加属性editable: false
$('#calendar').fullCalendar({
selectable: true,
editable: false,
events: "JsonResponse.ashx?eids=" + eIds + "&searchText=" + searchText,
......
....
});
相关文章:
- 在不影响原始画布外观的情况下调整图像大小
- 如何在javascript已经检测到的情况下将屏幕分辨率数据调整为web
- 在不丢失纵横比的情况下调整图像大小
- iframe是否可能在没有主窗口帮助的情况下自行调整大小
- 在没有新行的情况下调整td中的动态加载内容
- 在不损失质量的情况下调整图像JavaScript/jQuery的大小
- 如何在没有过渡效果的情况下使用fancybox调整大小
- 如何在不调整大小或裁剪的情况下制作整页背景图像
- ASP .NET MVC 在背景上调用函数,在没有 JS 的情况下调整字体大小
- 可以在不重新加载框架的情况下调整 iframe 的大小
- 如何在不调整大小的情况下调整页面大小
- 如何在画布上重绘在不模糊的情况下调整大小
- 如何在不向用户显示更改的情况下调整发送到iframe的表单值
- 在不换行的情况下缩小浏览器页面时自动调整图片大小
- 在Fabricjs中存在Groups的情况下,调整大小时无法保持strokeWidth的厚度
- 在不刷新视频的情况下,从外部源调整正在运行的flash视频的大小
- 在Fabric.js中出现形状的情况下,如何知道有人正在调整大小以使其变小还是变大
- 独立的javascript应用程序,html5画布游戏..理想情况下使用V8或基于浏览器调整游戏
- 什么'这是在不创建空白的情况下按比例调整图像大小的最佳方法
- 如何调整
在没有访问HTML的情况下