这篇文章主要介绍了Asp.net MVC scheduler的实现方法详解的相关资料,希望通过本文大家能够实现这样的方法，需要的朋友可以参考下
Asp.net MVC 来源gaodaimacom搞#代%码网scheduler的实现方法详解
本例使用了fullcalendar js ： https://fullcalendar.io/
1. view ：
@{ ViewBag.Title = "Index"; Layout = "~/Views/Shared/_Layout.cshtml"; } @section PageContent{ .modal-backdrop { z-index: 9; } <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"></button><!-- Modal --><div class="modal fade" id="myModal" role="dialog"> <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">×</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">Close</button><button type="submit" class="btn btn-primary">Submit</button></div> } </div></div></div></div> } @section scripts{ }
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: 'http://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 scheduler的实现方法详解的详细内容，更多请关注gaodaima搞代码网其它相关文章！
搞代码网（gaodaima.com）提供的所有资源部分来自互联网，如果有侵犯您的版权或其他权益，请说明详细缘由并提供版权或权益证明然后发送到邮箱[email protected]，我们会在看到邮件的第一时间内为您处理，或直接联系QQ：872152909。本网站采用BY-NC-SA协议进行授权
转载请注明原文链接：Asp.net MVC scheduler的实现方法详解
转载请注明原文链接：Asp.net MVC scheduler的实现方法详解
