JQuery的全歷與Spring MVC

Question

讓我回答我無法使用JSON我不就沒怎麼使用，我想 到dispaly我壓延機事件請幫助我「My db values is need to display as per date and with total count in particular date」， 這是我的JSP代碼給

     <div class="col-md-12"> 
          <div class="card-box"> 


           <div id="calendar"></div> 

          </div> 
         </div> <!-- end col --> 
        </div> <!-- end row --> 

這是我完全壓延腳本正在使用僅jsp頁面：

<script type="text/javascript"> 

$(document).ready(function() { 
var date = new Date(); 
var d = date.getDate(); 
var m = date.getMonth(); 
var y = date.getFullYear(); 
url: '/leavecalender'; /* might be this is wrong ? */ 
var calendar = $('#calendar').fullCalendar({ 
    header: { 
     left: 'prev,next today', 
     center: 'title', 
     right: 'month,agendaWeek,agendaDay' 
    }, 
    selectable: true, 
    selectHelper: true, 
    select: function(start, end, allDay) { 
     var title = prompt('Event Title:'); 
     if (title) { 
      calendar.fullCalendar('renderEvent', 
      { 
       title: title, 
       start: start, 
       end: end, 
       allDay: allDay 
      }, 
        true // make the event "stick" 
        ); 
     } 
     calendar.fullCalendar('unselect'); 
    }, 
    editable: true, 
    events:[data] 
    }); 
    }); 
    </script> 

這是我的控制器：

@RequestMapping(value = "/leavecalender") 
public ModelAndView leave(ModelMap model) 
{ 
TeleCallRecordIdTO telecall = new TeleCallRecordIdTO(); 
List<TeleCallRecordIdTO> allcall = hrService.getallcalls(); 

model.addAttribute("allcall", allcall); 

return new ModelAndView("HR/hr/leavesCalender","leavecalender",telecall); 
} 

這是我的服務：

public List<TeleCallRecordIdTO> getallcalls(); 

這是我serviceImplementation：

@Override 
public List<TeleCallRecordIdTO> getallcalls() { 
    return hrDao.getallcalls(); 
} 

這是我道：

public List<TeleCallRecordIdTO> getallcalls(); 

這是myDaoImplementation：

@Override 
public List<TeleCallRecordIdTO> getallcalls() { 

List<TeleCallRecordIdTO> list = new ArrayList<>(); 
try { 
    String s = "SELECT DATE(call_date) AS 'Date', COUNT(1) AS 'TotalCalls' 
    FROM tele_call_record GROUP BY DATE(call_date)"; 
    Connection connection=sessionFactory.getCurrentSession().connection(); 
    PreparedStatement preparedStatement; 
    preparedStatement=connection.prepareStatement(s); 
    ResultSet rs= preparedStatement.executeQuery(); 
    while(rs.next()) 
    { 
     TeleCallRecordIdTO tel=new TeleCallRecordIdTO(); 
     tel.setCallDate(rs.getString("Date")); 
     /*tel.setExtensionNo(rs.getString("extension_no")); 
     tel.setPhoneNo(rs.getString("phone_no"));*/ 
     tel.setSrNo(rs.getInt("TotalCalls")); 
     list.add(tel); 
    } 

} catch (Exception e) { 
    e.printStackTrace(); 
} 

    return list; 
} 

Answer 1

如果我明白你的問題，你需要嘗試這個

更換

events:[data] 

與

events: function(start, end, timezone, callback) { 
    $.ajax({ 
     url: '${pageContext.request.contextPath}/leavecalender', 
     //data: { 
      // data if you are passing 
     //}, 
     success: function(data) { 
      var events = []; 
      $.each(data, function(index) { 
       events.push({ 
        title: data[index].srNo, 
        start: data[index].callDate, 
        //end: data.end 
       }); 
      }); 
      callback(events); 
     }, 
     error: function(jqXHR, textStatus, errorThrown) { 
      console.log(textStatus +" - "+ errorThrown); 
     } 
    }); 
} 

也更改控制器的方法：

@RequestMapping(value = "/leavecalender", method=RequestMethod.GET) 
@ResponseBody 
public List<TeleCallRecordIdTO> leave() { 
    return hrService.getallcalls();; 
}