ASP.NET中MVC从后台控制器传递数据到前台视图的方式 ASP.NET中MVC从后台控制器传递数据到前台视图的方式
人气:0想了解ASP.NET中MVC从后台控制器传递数据到前台视图的方式的相关内容吗，在本文为您仔细讲解ASP.NET中MVC从后台控制器传递数据到前台视图的方式的相关知识和一些Code实例，欢迎阅读和指正，我们先划重点：ASP.NET,MVC,后台,控制器,传递数据,前台,视图,方式，下面大家一起来学习吧。
本文实例讲述了ASP.NET中MVC从后台控制器传递数据到前台视图的方式。分享给大家供大家参考。具体分析如下：
数据存储模型Model：
复制代码 代码如下:
public class CalendarEvent
{
public string id { get; set; }
public DateTime start { get; set; }
public DateTime end { get; set; }
public string backgroundColor { get; set; }
public string title { get; set; }
public string allDay { get; set; }
}
{
public string id { get; set; }
public DateTime start { get; set; }
public DateTime end { get; set; }
public string backgroundColor { get; set; }
public string title { get; set; }
public string allDay { get; set; }
}
前台接收显示数据视图View：
复制代码 代码如下:
<script type="text/javascript">
$(function () {
//calendar handle data as follows:
$(function () {
//calendar handle data as follows:
var events = [];
$.ajax({
url: "/DeploymentTask/CalendarData",
success: function (data) {
events = data;
},
async: false
});
$("#calendar").fullCalendar({
header: {
left: 'prev,next today',
center: 'title',
//right: 'month,agendaWeek,agendaDay'
right: 'month'
},
selectable: true,
weekMode: 'variable',//fixed,variable,liquid
events: events,
defaultEventMinutes: 1440 //默认事件长度为一天
});
});
</script>
后台处理数据控制器Controller：
复制代码 代码如下:
public JsonResult CalendarData()
{
Operation op = new Operation();
List<CalendarEvent> calendarData = op.GetData();
return Json(calendarData, JsonRequestBehavior.AllowGet);
}
{
Operation op = new Operation();
List<CalendarEvent> calendarData = op.GetData();
return Json(calendarData, JsonRequestBehavior.AllowGet);
}
希望本文所述对大家的asp.net程序设计有所帮助。
加载全部内容