程序師世界是廣大編程愛好者互助、分享、學習的平台,程序師世界有你更精彩!
首頁
編程語言
C語言|JAVA編程
Python編程
網頁編程
ASP編程|PHP編程
JSP編程
數據庫知識
MYSQL數據庫|SqlServer數據庫
Oracle數據庫|DB2數據庫
 程式師世界 >> 編程語言 >> .NET網頁編程 >> ASP.NET >> ASP.NET基礎 >> ASP.NET中MVC從後台控制器傳遞數據到前台視圖的方式

ASP.NET中MVC從後台控制器傳遞數據到前台視圖的方式

編輯:ASP.NET基礎

本文實例講述了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; }
}

前台接收顯示數據視圖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程序設計有所幫助。

  1. 上一頁:
  2. 下一頁:
Copyright © 程式師世界 All Rights Reserved