2015-11-28 66 views
0

我想在一个jsp文件中使用kendo ui甘特图。我为这个项目使用了spring mvc和maven。我按照春季演示中给出的教程,但仍然没有得到结果。没有什么会显示在jsp页面中。Kendo UI甘特图不加载数据

JSP

<%@page contentType="text/html; charset=UTF-8" pageEncoding="UTF-8" %> 
<%@page import="java.util.HashMap"%> 
<%@page import="java.util.ArrayList"%> 
<%@page import="java.util.Date"%> 
<%@page import="java.text.SimpleDateFormat"%> 
<%@taglib prefix="kendo" uri="http://www.kendoui.com/jsp/tags"%> 
<%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %> 

    <kendo:gantt name="gantt" height="700" showWorkDays="false" showWorkHours="false" snap="false"> 
     <kendo:gantt-views> 
      <kendo:gantt-view type="day" /> 
      <kendo:gantt-view type="week" selected="true" /> 
      <kendo:gantt-view type="month" /> 
     </kendo:gantt-views> 

     <kendo:gantt-columns> 
      <kendo:gantt-column field="id" title="ID" width="50" /> 
      <kendo:gantt-column field="title" title="Title" editable="true" /> 
      <kendo:gantt-column field="start" title="Start Time" format="{0:MM/dd/yyyy}" width="100" /> 
      <kendo:gantt-column field="end" title="End Time" format="{0:MM/dd/yyyy}" width="100" /> 
     </kendo:gantt-columns> 

     <kendo:dataSource batch="false"> 
      <kendo:dataSource-schema> 
       <kendo:dataSource-schema-model id="id"> 
        <kendo:dataSource-schema-model-fields> 
         <kendo:dataSource-schema-model-field name="id" type="number" /> 
         <kendo:dataSource-schema-model-field name="orderId" type="number" /> 
         <kendo:dataSource-schema-model-field name="parentId" defaultValue="null" nullable="true" type="number" /> 
         <kendo:dataSource-schema-model-field name="start" type="date" /> 
         <kendo:dataSource-schema-model-field name="end" type="date" /> 
         <kendo:dataSource-schema-model-field name="title" defaultValue="No title" type="string" /> 
         <kendo:dataSource-schema-model-field name="percentComplete" type="number" /> 
         <kendo:dataSource-schema-model-field name="expanded" type="boolean" defaultValue="true" /> 
         <kendo:dataSource-schema-model-field name="summary" type="boolean" /> 
        </kendo:dataSource-schema-model-fields> 
       </kendo:dataSource-schema-model> 
      </kendo:dataSource-schema> 
      <kendo:dataSource-transport> 

       <kendo:dataSource-transport-read url="/Gantt/tasks/read" dataType="json" type="POST" contentType="application/json" /> 

       <kendo:dataSource-transport-parameterMap> 
        <script> 
         function parameterMap(options, type) { 
          return JSON.stringify(options.models || [ options ]); 
         } 
        </script> 
       </kendo:dataSource-transport-parameterMap>    
      </kendo:dataSource-transport> 
     </kendo:dataSource> 

     <kendo:dependencies batch="false"> 
      <kendo:dataSource-schema> 
       <kendo:dataSource-schema-model id="id"> 
        <kendo:dataSource-schema-model-fields> 
         <kendo:dataSource-schema-model-field name="id" type="number" /> 
         <kendo:dataSource-schema-model-field name="predecessorId" type="number" /> 
         <kendo:dataSource-schema-model-field name="successorId" type="number" /> 
         <kendo:dataSource-schema-model-field name="type" type="number" /> 
        </kendo:dataSource-schema-model-fields> 
       </kendo:dataSource-schema-model> 
      </kendo:dataSource-schema> 
      <kendo:dataSource-transport> 

       <kendo:dataSource-transport-read url="/Gantt/dependencies/read" dataType="json" type="POST" contentType="application/json" /> 

       <kendo:dataSource-transport-parameterMap> 
        <script> 
         function parameterMap(options, type) { 
          return JSON.stringify(options.models || [ options ]); 
         } 
        </script> 
       </kendo:dataSource-transport-parameterMap>    
      </kendo:dataSource-transport> 
     </kendo:dependencies> 
    </kendo:gantt> 

控制器

@Controller 
public class IndexController { 
    @Autowired 
    private GanttTaskDao taskDao; 

    @Autowired 
    private GanttDependencyDao dependencyDao; 

    @RequestMapping(value = "/index", method = RequestMethod.GET) 
    public String index(Locale locale, Model model) {   
     return "index"; 
    } 

    @RequestMapping(value = "/tasks/read", method = RequestMethod.POST) 
    public @ResponseBody List<GanttTask> read_tasks() { 
     return taskDao.getList(); 
    } 
    @RequestMapping(value = "/dependencies/read", method = RequestMethod.POST) 
    public @ResponseBody List<GanttDependency> read_dependencies() { 
     return dependencyDao.getList(); 
    } 
} 

我还用调试模式下运行该项目,但要求会只直到/指数法,没有要求越来越发送到/甘特图/任务/读取或/甘特/依赖/读取方法。

我试过使用不同的网址,以防万一可能会出现一些错误。但它仍然没有工作。

我不知道我出错的地方。任何人都知道答案。还有什么我可能会失踪?

回答

0

好吧,我做了一些愚蠢的错误,我忘了将js和css文件包含到我的jsp中。我现在包括它。当我使用调试模式时,它将检索任务和依赖项,但它不会在我的jsp中显示它。我只能看到空的图表窗口。请有人帮忙。