Asp.net MVC scheduler的实现方法详解

Asp.net MVC scheduler的实现方法详解
 更新时间：2017年10月25日 09:30:06   作者：_iorilan  

这篇文章主要介绍了Asp.net MVC scheduler的实现方法详解的相关资料,希望通过本文大家能够实现这样的方法，需要的朋友可以参考下

Asp.net MVC scheduler的实现方法详解
本例使用了fullcalendar js ： fullcalendar.io/
1. view ：

@{
ViewBag.Title = “Index”;
Layout = “~/Views/Shared/_Layout.cshtml”;
}

@section PageContent{
<style>
.modal-backdrop {
z-index: 9;
}
</style>
<div class=”container”>

<div id=’calendar’>

</div>
</div>

<!–Select Staff–>
<div class=”container”>
<!– Trigger the modal with a button –>
<button type=”button” id=”btnSelectStaff” class=”btn btn-info btn-lg” data-toggle=”modal” data-target=”#myModal” style=”display: none”></button>

<!– Modal –>
<div class=”modal fade” id=”myModal” role=”dialog” style=”z-index: 10″>
<div class=”modal-dialog modal-lg”>
<br /><br /><br />
<!– Modal content–>
<div class=”modal-content”>
@using (Html.BeginForm(“AssignTask”, “PMPlan”, FormMethod.Post, new { @class=”form-horizontal”, role=”form”} ))
{

<div class=”modal-header”>
<button type=”button” class=”close” data-dismiss=”modal”>×</button>
<h4 class=”modal-title”>Create PM Task</h4>
</div>
<div class=”modal-body”>
<div class=”row”>
<label class=”col-md-2 control-label”>your field1</label>
<div class=”col-md-4″>
field1
</div>
<label class=”col-md-2 control-label”>field2</label>
<div class=”col-md-4″>
<div class=”input-icon left”>
field2
</div>
</div>
</div>
<br/>
<div class=”row”>
… more rows of fields
</div>

</div>
<div class=”modal-footer”>
<button type=”button” class=”btn btn-default” data-dismiss=”modal”>Close</button>
<button type=”submit” class=”btn btn-primary”>Submit</button>
</div>
}
</div>

</div>
</div>

</div>

}

@section scripts{
<link href=”~/assets3/global/plugins/fullcalendar/fullcalendar.css” rel=”external nofollow” rel=”stylesheet” />
<script src=”~/assets3/global/plugins/fullcalendar/fullcalendar.js”></script>

<script>

$.get(“JsonURL”, function (data) {

console.log(JSON.stringify(data));
$(‘#calendar’).fullCalendar({
header: {
left: ‘prev,next today’,
center: ‘title’,
right: ‘month,basicWeek,basicDay’
},
navLinks: false, // can click day/week names to navigate views
editable: false,
eventLimit: false, // allow “more” link when too many events
events: data,
dayClick: function () {
var dt = $(this).attr(“data-date”);
$(“#hdnAssignedDate”).val(dt);
//// pop up modal
$(“#btnSelectStaff”).click();
}
});
});

</script>
}

2. Web api controller :

…

public ActionResult GetJsonData()
{
…
var tasks = //…logic of getting tasks
…

var jsonObjs = tasks.Select(x => new FullCalendaRecord()
{
title = x.Subject,
url = “the url”,
start = …,
end = x.TargetDate.Value.ToString(“yyyy-MM-dd”),
}).ToList();

return Json(jsonObjs, JsonRequestBehavior.AllowGet);
}

public class FullCalendaRecord
{
// sample data:
//[
//{
// title: ‘Click for Google’,
// url: ‘google.com/’,
// start: ‘2017-09-28′,
// end:’2017-09-28’
//}
//]

public string title { get; set; }
public string url { get; set; }
public string start { get; set; }
public string end { get; set; }
}

…

如有疑问请留言或者到本站社区交流讨论，感谢阅读，希望能帮助到大家，谢谢大家对本站的支持！

您可能感兴趣的文章:详解Asp.Net MVC的Bundle捆绑ASP.NET MVC下自定义错误页和展示错误页的方式Asp.net mvc验证用户登录之Forms实现详解asp.net mvc webapi 实用的接口加密方法示例ASP.NET MVC API 接口验证的示例代码ASP.NET MVC4异步聊天室的示例代码asp.net mvc CodeFirst模式数据库迁移步骤详解IIS部署asp.net mvc网站的方法Asp.Net中MVC缓存详解

Asp.net
MVC
scheduler

相关文章
.NET Core 迁移躺坑记续集之Win下莫名其妙的超时这篇文章主要介绍了.NET Core 迁移躺坑记续集之Win下莫名其妙的超时,本文分步骤给大家介绍的非常详细，具有一定的参考借鉴价值，需要的朋友可以参考下 2019-04-04
在ASP.NET Core中应用HttpClient获取数据和内容这篇文章主要介绍了在ASP.NET Core中集成和使用HttpClient获取数据和内容,帮助大家更好的理解和学习使用ASP.NET Core，感兴趣的朋友可以了解下 2021-03-03
asp.net 中国身份证号码验证代码 非正则asp.net 中国身份证号码验证，需要的朋友可以参考下。 2009-11-11
LINQ重写博客垃圾图片回收算法本人博客后台管理模块有个功能，可以扫描图片上传文件夹下所有未被引用的博客 2012-02-02
C# ToString格式大全需要将其它类型的变量，转换为字符串类型的一些常见方法与属性。 2008-12-12
ASP.NET 后台登录小技巧介绍对于后台一些需要登录才能访问的页面，你是不是每次都去判断一下登录时保存在session或者cookie里面的值是否存在啊！ 2012-11-11
Jexus部署.Net Core项目这篇文章主要为大家详细介绍了Jexus部署.Net Core项目的相关资料，具有一定的参考价值，感兴趣的小伙伴们可以参考一下 2017-06-06
asp.net 数据库的连接和datatable类asp.net下数据库的连接与数据库datatable类实现代码。 2009-05-05
asp.net下URL处理两个小工具方法asp.net下URL处理两个小工具方法… 2007-04-04
实现DataGridView控件中CheckBox列的使用实例最近做WindowsForms程序，使用DataGridView控件时，加了一列做选择用，发现CheckBox不能选中。搜索后，要实现DataGridView的CellContentClick事件，将代码贴一下 2014-01-01

最新评论