2015-11-28 111 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中顯示它。我只能看到空的圖表窗口。請有人幫忙。