关于fullcalendar里显示json格式的events(java)
2012-09-11 17:49
260 查看
转载自:/article/11278324.html
fullcalendar 的帮助文档 可见地址:http://arshaw.com/fullcalendar/docs/ jQuery日历FullCalendar插件是一个非常不错的日历工具,可用于制作日程表或计划安排
Event Data
里有3种显示events的方式1 events (as an array) 这种课见帮助
2 events (as a json feed) 此时
<PRE class=javascript name="code"> $('#calendar').fullCalendar({ events: { url: '<%=request.getContextPath()%>/displayAction.do?method=testJson' //你的controller的地址 type: 'POST', error: function() { alert('there was an error while fetching events!'); }, color:'yellow',// 背景色 textColor:'black'// 文字颜色 } });</PRE> <PRE></PRE>
java代码
public ModelAndView testJson(HttpServletRequest request, HttpServletResponse response) { String strvalue = "[{\"id\":111,\"title\":\"Event1\",\"start\":\"2012-03-10\",\"url\":\"http:\\/\\/yahoo.com\\/\"},{\"id\":222,\"title\":\"Event2\",\"start\":\"2012-03-20\",\"end\":\"2012-03-22\",\"url\":\"http:\\/\\/yahoo.com\\/\"}]"; response.setCharacterEncoding("UTF-8"); System.out.println("strvalue="+strvalue); try { response.getWriter().print(strvalue); } catch (IOException e) { e.printStackTrace(); } return null; }
3 events (as a function)
$('#calendar').fullCalendar({ events:function(start, end, callback) { $.ajax({ url:"<%=request.getContextPath()%>/displayAction.do?method=getTitle", cache:false, success:function(doc) { eval("var j=" + doc); var events = []; var info = j.eventinfo; for (var i = 0; i < info.length; i++) { var ev = info[i]; var title = ev.title; var evtstart = new Date(Date.parse(ev.start)); var evtend = new Date(Date.parse(ev.end)); events.push({ title:title, start:evtstart, end:evtend, id:1 }); } callback(events); }, error:function() { alert('sdf') } }) } })
java代码
public ModelAndView getTitle(HttpServletRequest request, HttpServletResponse response) { String strvalue = "{ 'eventinfo':[{day: '3/3/2012',eventtitle:'test1'},{day: '3/8/2012',eventtitle:'test2'} ]} "; response.setCharacterEncoding("UTF-8"); System.out.println("strvalue="+strvalue); try { response.getWriter().print(strvalue); } catch (IOException e) { e.printStackTrace(); } return null; }
相关文章推荐
- 关于fullcalendar里显示json格式的events(java)
- 关于wmare虚拟机作为php服务器,主机无法ping通虚拟机,以及显示Fullcalendar日历
- 关于如何处理JSONObject.fromObject(Object obj)无法转换特殊日期(java.sql.Date,java.sql.Timestamp)格式的问题。
- [JsonSchema] 关于接口测试 Json 格式比对核心算法实现 (Java 版)
- 关于Web项目里的给表单验证控件添加结束时间不得小于开始时间的验证方法,日期转换和前台显示格式之间,还有JSON取日期数据格式转换成标准日期格式的问题
- python2.7中关于编码,json格式的中文输出显示
- 关于从后台获取数据List<User>转化为JSON格式在前台用easyui以表格显示
- 关于如何处理JSONObject.fromObject(Object obj)无法转换特殊日期(java.sql.Date,java.sql.Timestamp)格式的问题。
- 关于java接收前台$.ajax格式为多维json数组数据为null的原因及解决方法
- 关于java 发送http json数据格式请求时,服务器端如何接收json数据并解析
- 关于json格式对象返回页面时间字段显示NANA的问题
- 关于Java语言的eclipse读取数据库,并将数据转换成JSON格式输出
- python2.7中关于编码,json格式的中文输出显示
- 关于Java解析json格式数据
- python2.7中关于编码,json格式的中文输出显示
- 用java的json-lib生成的JSON日期格式,如何让ExtJS显示?详细内容请看贴。
- Java中Json格式数据的应用
- ExtJs树的递归算法(Java),Json格式
- 关于手动书写json 格式
- ajax解析json格式循环显示