0

我是剑道新手，我想知道是否有办法像下图那样对我的剑道网格进行编程。

我在网上看到了一些使用剑道网格分组的示例，但它没有生成我需要的布局

输出

4

1 回答 1

0

是的，可以通过使用带有脚本表达式的列template来将子项数组转换为 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-21T08:36:27.647 回答