有什麼方法可以通過使用劍道網格創建這種類型的網格？

我是新來的劍道，我想知道是否有辦法編程我的劍道網格，如下圖所示。有什麼方法可以通過使用劍道網格創建這種類型的網格？

我看到他們使用的劍道網分組一些示例在線，但它不會產生布局我需要

2016-09-21 Cylex

您可以使用最後一列的模板，但難度取決於組的內容： – yhabib

是的，這是可以通過使用column template有script expression即會子項的數組轉換成HTML列表：

http://dojo.telerik.com/AqezO

<!DOCTYPE html> 
 
<html> 
 
    <head> 
 
    <meta charset="utf-8"/> 
 
    <title>Kendo UI Grid</title> 
 

 
    <link rel="stylesheet" href="http://kendo.cdn.telerik.com/2016.3.914/styles/kendo.common.min.css"/> 
 
    <link rel="stylesheet" href="http://kendo.cdn.telerik.com/2016.3.914/styles/kendo.silver.min.css"/> 
 

 
    <script src="http://code.jquery.com/jquery-1.9.1.min.js"></script> 
 
    <script src="http://kendo.cdn.telerik.com/2016.3.914/js/kendo.all.min.js"></script> 
 
    </head> 
 
    <body> 
 

 
    <div id="grid"></div> 
 

 
    <script> 
 
     var sampleData = [ 
 
     { id: 1, name: "name", items: ["foo", "bar"] } 
 
     ]; 
 

 
     $(function() { 
 
     var dataSource = new kendo.data.DataSource({ 
 
      data: sampleData, 
 
      schema: { 
 
      model: { 
 
       id: "id", 
 
       fields: { 
 
       id: { type: "number" }, 
 
       name: { }, 
 
       items: { } 
 
       } 
 
      } 
 
      } 
 
     }); 
 

 
     $("#grid").kendoGrid({ 
 
      dataSource: dataSource, 
 
      columns: [ 
 
      { field: "id" }, 
 
      { field: "name" }, 
 
      { field: "items", template: "#= showItems(items) #" } 
 
      ] 
 
     }); 
 

 
     }); 
 

 
     function showItems(arr) { 
 
     return "<ul><li>" + arr.join("</li><li>") + "</li></ul>"; 
 
     } 
 

 
    </script> 
 
    </body> 
 
</html>

來源

2016-09-21 08:36:27 dimodi

謝謝。提供的示例很有用 – Cylex

@dimodi您提供的鏈接：http://dojo.telerik.com/AqezO不工作意思是裏面沒有數據，是否必須擁有帳戶才能看到鏈接？ –

@KalpeshDusane Dojo操場應該是一個暫時的問題。我已將整個頁面包含在我的更新回覆中。 – dimodi

有什麼方法可以通過使用劍道網格創建這種類型的網格？

回答

相關問題