Инициализация Кендо Грид сгруппирована - PullRequest
Новая
       11

Инициализация Кендо Грид сгруппирована

0 голосов
/ 10 мая 2019

Есть ли способ инициализировать Kendo Ui Grid (версия jQuery), уже сгруппированную по определенному столбцу?Невозможно просмотреть параметры инициализации или группы методов для вызова на основе данных.

Заранее спасибо!

1 Ответ

2 голосов
/ 10 мая 2019

Абсолютно возможно инициализировать сетку кендо, сгруппированную по столбцу.Этого можно достичь, используя комбинацию конфигурации groupable Kendo Grid и конфигурации group в источнике данных. 

$("#grid").kendoGrid({
  columns: [
    { field: "productName" },
    { field: "category" }
  ],
  dataSource: {
    data: [
      { productName: "Tea", category: "Beverages" },
    	{ productName: "Coffee", category: "Beverages" },
    	{ productName: "Ham", category: "Food" },
    	{ productName: "Bread", category: "Food" }
  	],
    group: [
      { field: "productName" }
    ]
  },
  groupable: true
});
<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8"/>
    <title>Kendo UI Snippet</title>

    <link rel="stylesheet" href="https://kendo.cdn.telerik.com/2019.1.220/styles/kendo.common.min.css"/>
    <link rel="stylesheet" href="https://kendo.cdn.telerik.com/2019.1.220/styles/kendo.rtl.min.css"/>
    <link rel="stylesheet" href="https://kendo.cdn.telerik.com/2019.1.220/styles/kendo.silver.min.css"/>
    <link rel="stylesheet" href="https://kendo.cdn.telerik.com/2019.1.220/styles/kendo.mobile.all.min.css"/>

    <script src="https://code.jquery.com/jquery-1.12.4.min.js"></script>
    <script src="https://kendo.cdn.telerik.com/2019.1.220/js/kendo.all.min.js"></script>
</head>
<body>
  
<div id="grid"></div>
</body>
</html>
...