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

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

本例使用了fullcalendar js ： https://fullcalendar.io/

1. view ：

@{ 
  ViewBag.Title = "Index"; 
  Layout = "~/Views/Shared/_Layout.cshtml"; 
} 
 
 
 
 
@section PageContent{ 
   
  
 
 
 
    
 
 
 
    
 
  
 
 
 
 
 
   
  
 
     
     
 
 
     
    
 
      
 
        


 
         
        
 
         @using (Html.BeginForm("AssignTask", "PMPlan", FormMethod.Post, new { @class="form-horizontal", role="form"} )) 
        { 
 
 
            
 
              × 
              
Create PM Task
 
            
 
            
 
              
 
                your field1 
                
 
                  field1 
                
 
                field2 
                
 
                  
 
field2 
                  
 
                
 
              
 
              
 
              
 
               ... more rows of fields 
              
 
               
              
 
 
            
 
            
 
              Close 
              Submit 
            
 
          } 
        
 
 
 
      
 
    
 
 
 
  
 
 
 
} 
 
 
@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; } 
    } 
 
 
... 

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