具有资源视图的完整日历在 ASP.NET MVC 中不起作用,加载时 - 0x800a01bd - javaScript
Fullcalendar with resource view not working in ASP.NET MVC, on loading - 0x800a01bd - javaScript runtime error: Object doesn't support this action
以下是代码详细信息,当我调试它时显示当前视图未定义 defaultView: 'resourceDay'
<html>
<head>
<meta charset="utf-8" />
<title>@ViewBag.Title - My ASP.NET MVC Application</title>
<link href="~/favicon.ico" rel="shortcut icon" type="image/x-icon" />
<meta name="viewport" content="width=device-width" />
@Styles.Render("~/Content/themes/base/css")
@Scripts.Render("~/bundles/jquery")
@Scripts.Render("~/bundles/jqueryval")
@Scripts.Render("~/bundles/jqueryui")
@Scripts.Render("~/bundles/fullcal")
<script type='text/javascript'>
$(document).ready(function () {
var date = new Date();
var d = date.getDate();
var m = date.getMonth();
var y = date.getFullYear();
var calendar = $('#calendar').fullCalendar({
header: {
left: 'prev,next today',
center: 'title',
right: 'resourceDay'
},
titleFormat: 'ddd, MMM dd, yyyy',
defaultView: 'resourceDay',
selectable: true,
selectHelper: true,
select: function (start, end, allDay, event, resourceId) {
var title = prompt('Event Title:');
if (title) {
console.log("@@ adding event " + title + ", start " + start + ", end " + end + ", allDay " + allDay + ", resource " + resourceId);
calendar.fullCalendar('renderEvent',
{
title: title,
start: start,
end: end,
allDay: allDay,
resourceId: resourceId
},
true // make the event "stick"
);
}
calendar.fullCalendar('unselect');
},
eventResize: function (event, dayDelta, minuteDelta) {
console.log("@@ resize event " + event.title + ", start " + event.start + ", end " + event.end + ", resource " + event.resourceId);
},
eventDrop: function (event, dayDelta, minuteDelta, allDay) {
console.log("@@ drag/drop event " + event.title + ", start " + event.start + ", end " + event.end + ", resource " + event.resourceId);
},
editable: true,
resources: [
{
name: 'Resource 1',
id: 'resource1'
},
{
name: 'Resource 2',
id: 'resource2'
},
{
name: 'Resource 3',
id: 'resource3'
}
],
events: [
{
title: 'All Day Event 1',
start: new Date(y, m, d - 1),
end: new Date(y, m, d + 1),
resourceId: 'resource1'
},
{
title: 'Short Event 1',
start: new Date(y, m, d, 11, 30),
end: new Date(y, m, d, 13, 00),
allDay: false,
resourceId: 'resource1'
},
{
title: 'Short Event 2',
start: new Date(y, m, d + 1, 14, 00),
end: new Date(y, m, d + 1, 15, 00),
allDay: false,
resourceId: 'resource1'
},
{
title: 'All Day Event 2',
start: new Date(y, m, d - 2),
end: new Date(y, m, d - 1),
resourceId: 'resource2'
},
{
title: 'Lunch',
start: new Date(y, m, d, 12, 0),
end: new Date(y, m, d, 14, 0),
allDay: false,
resourceId: 'resource2'
},
{
title: 'All Day Event 3',
start: new Date(y, m, d),
resourceId: 'resource3'
},
{
title: 'Click for Google',
start: new Date(y, m, d, 16, 0),
end: new Date(y, m, d, 16, 30),
allDay: false,
url: 'http://google.com/',
resourceId: 'resource3'
}
]
});
});
</script>
<style type='text/css'>
body {
margin-top: 40px;
text-align: center;
font-size: 14px;
font-family: "Lucida Grande",Helvetica,Arial,Verdana,sans-serif;
}
#calendar {
width: 100%;
margin: 0 auto;
}
</style>
</head>
<body>
<div id="body">
@RenderSection("featured", required: false)
@RenderBody()
<div id='calendar' style="border:dashed 2px red;"></div>
</div>
</body>
</html>
以下是有关捆绑的详细信息
bundles.Add(new ScriptBundle("~/bundles/jquery").Include(
"~/Scripts/jquery-{version}.js"));
bundles.Add(new ScriptBundle("~/bundles/jqueryui").Include(
//"~/Scripts/jquery-ui-{version}.js",
"~/Scripts/jquery-ui-1.8.23.custom.min.js"));
bundles.Add(new ScriptBundle("~/bundles/jqueryval").Include(
"~/Scripts/jquery.unobtrusive*",
"~/Scripts/jquery.validate*"));
bundles.Add(new ScriptBundle("~/bundles/modernizr").Include(
"~/Scripts/modernizr-*"));
bundles.Add(new ScriptBundle("~/bundles/fullcal").Include(
"~/Scripts/fullcalendar.js"));
bundles.Add(new StyleBundle("~/Content/themes/base/css").Include(
"~/Content/themes/base/jquery.ui.core.css",
"~/Content/themes/base/jquery.ui.resizable.css",
"~/Content/themes/base/jquery.ui.selectable.css",
"~/Content/themes/base/jquery.ui.accordion.css",
"~/Content/themes/base/jquery.ui.autocomplete.css",
"~/Content/themes/base/jquery.ui.button.css",
"~/Content/themes/base/jquery.ui.dialog.css",
"~/Content/themes/base/jquery.ui.slider.css",
"~/Content/themes/base/jquery.ui.tabs.css",
"~/Content/themes/base/jquery.ui.datepicker.css",
"~/Content/themes/base/jquery.ui.progressbar.css",
"~/Content/themes/base/jquery.ui.theme.css",
"~/Content/fullcalendar.css",
"~/Content/fullcalendar.print.css"));
此资源在不使用 MVC 时工作正常 ASP.NEThttp://www.ikelin.com/jquery-fullcalendar-resource-day-view/
谁能帮帮我...
你必须
等到DOM
完成加载。然后,您可以应用脚本。由于在母版页中,最佳做法始终是将所有脚本放在底部而不是标题中,因为分析器使用自上而下的方法,因此它会在正文完成加载后执行脚本。
在</body>
之前添加脚本标记和所有@Script.Render
代码
并首先添加所有@Script.Render
,然后添加<script></script>
标签,例如
<body>
<div id='calendar' style="border:dashed 2px red;"></div>
@Scripts.Render("~/bundles/jquery")
@Scripts.Render("~/bundles/jqueryval")
@Scripts.Render("~/bundles/jqueryui")
@Scripts.Render("~/bundles/fullcal")
<script type='text/javascript'>
$(document).ready(function () {
var date = new Date();
var d = date.getDate();
var m = date.getMonth();
var y = date.getFullYear();
var calendar = $('#calendar').fullCalendar({
header: {
left: 'prev,next today',
center: 'title',
right: 'resourceDay'
},
titleFormat: 'ddd, MMM dd, yyyy',
defaultView: 'resourceDay',
selectable: true,
selectHelper: true,
select: function (start, end, allDay, event, resourceId) {
var title = prompt('Event Title:');
if (title) {
console.log("@@ adding event " + title + ", start " + start + ", end " + end + ", allDay " + allDay + ", resource " + resourceId);
calendar.fullCalendar('renderEvent',
{
title: title,
start: start,
end: end,
allDay: allDay,
resourceId: resourceId
},
true // make the event "stick"
);
}
calendar.fullCalendar('unselect');
},
eventResize: function (event, dayDelta, minuteDelta) {
console.log("@@ resize event " + event.title + ", start " + event.start + ", end " + event.end + ", resource " + event.resourceId);
},
eventDrop: function (event, dayDelta, minuteDelta, allDay) {
console.log("@@ drag/drop event " + event.title + ", start " + event.start + ", end " + event.end + ", resource " + event.resourceId);
},
editable: true,
resources: [
{
name: 'Resource 1',
id: 'resource1'
},
{
name: 'Resource 2',
id: 'resource2'
},
{
name: 'Resource 3',
id: 'resource3'
}
],
events: [
{
title: 'All Day Event 1',
start: new Date(y, m, d - 1),
end: new Date(y, m, d + 1),
resourceId: 'resource1'
},
{
title: 'Short Event 1',
start: new Date(y, m, d, 11, 30),
end: new Date(y, m, d, 13, 00),
allDay: false,
resourceId: 'resource1'
},
{
title: 'Short Event 2',
start: new Date(y, m, d + 1, 14, 00),
end: new Date(y, m, d + 1, 15, 00),
allDay: false,
resourceId: 'resource1'
},
{
title: 'All Day Event 2',
start: new Date(y, m, d - 2),
end: new Date(y, m, d - 1),
resourceId: 'resource2'
},
{
title: 'Lunch',
start: new Date(y, m, d, 12, 0),
end: new Date(y, m, d, 14, 0),
allDay: false,
resourceId: 'resource2'
},
{
title: 'All Day Event 3',
start: new Date(y, m, d),
resourceId: 'resource3'
},
{
title: 'Click for Google',
start: new Date(y, m, d, 16, 0),
end: new Date(y, m, d, 16, 30),
allDay: false,
url: 'http://google.com/',
resourceId: 'resource3'
}
]
});
});
</script>
</body>
然后它应该解决问题。快乐编码:)
我从这个链接中发现:https://forums.asp.net/t/1928230.aspx?0x800a01b6+Microsoft+JScript+runtime+error+Object+doesn+t+support+property+or+method+live+run+time+error+help+please+,如果你删除以下代码段,它将起作用:"@Scripts.Render("~/bundles/jqueryui")"。希望对您有所帮助。
相关文章:
- 谷歌将部分页面加载后自动完成不起作用 ASP.Net MVC
- 秘银你好世界 MVC 示例不起作用
- Jquery upload - MVC 文件名不起作用
- 在mvc上使用日期选择器不起作用
- Select选项包含在验证模型MVC时不起作用
- 用于导出Excel的.Net MVC 4.5 JqGrid按钮功能不起作用.什么'我的代码错了
- Kendo mvc网格客户端模板javascript函数不起作用
- 选项卡在 MVC 应用程序中不起作用
- ReactJS.NET MVC 教程不起作用
- ASP.NET MVC 验证在引导模式上不起作用
- JavaScript 在 MVC Web 应用程序中不起作用
- 具有资源视图的完整日历在 ASP.NET MVC 中不起作用,加载时 - 0x800a01bd - javaScript
- 在 mvc 应用程序中使用 href 属性重定向 asp.net 不起作用
- Javascript对象数组到MVC操作几乎不起作用,但不是完全
- 单击锚点后,jquery验证不起作用(Spring MVC + JQuery)
- 禁用调试时,使用捆绑缩小的脚本在 MVC 3 中不起作用 ASP.NET
- ASP MVC 5 自动完成不起作用
- 用于更新 mvc 中文本框值 asp.net 脚本不起作用
- JQuery 输入类事件捕获在 MVC 5 ASP.NET 不起作用
- Window.Location.Href或重定向_self的其他方法不起作用(MVC视图)