服务器之家:专注于服务器技术及软件下载分享
分类导航

PHP教程|ASP.NET教程|Java教程|ASP教程|编程技术|正则表达式|C/C++|IOS|C#|Swift|Android|VB|R语言|JavaScript|易语言|vb.net|

服务器之家 - 编程语言 - ASP.NET教程 - ASP.NET中MVC从后台控制器传递数据到前台视图的方式

ASP.NET中MVC从后台控制器传递数据到前台视图的方式

2019-12-12 13:40shichen2014 ASP.NET教程

这篇文章主要介绍了ASP.NET中MVC从后台控制器传递数据到前台视图的方式,以实例形式较为详细的分析了asp.net中MVC数据传递的具体实现方法,需要的朋友可以参考下

本文实例讲述了ASP.NETMVC从后台控制器传递数据到前台视图的方式。分享给大家供大家参考。具体分析如下:

数据存储模型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; }
}

 

前台接收显示数据视图View:

复制代码代码如下:

<script type="text/javascript">
$(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);
}

 

希望本文所述对大家的asp.net程序设计有所帮助。

延伸 · 阅读

精彩推荐