Настройка группировки по умолчанию в сетке Kendo

#kendo-ui #kendo-grid #kendo-asp.net-mvc #kendo-ui-mvc

#kendo-пользовательский интерфейс #kendo-grid #kendo-asp.net-mvc #kendo-ui-mvc

Вопрос:

У меня есть требование группировать сетку по умолчанию в определенном столбце и не разрешать пользователю удалять группировку в этом столбце. Возможно ли это?

Ответ №1:

Вы можете задать начальную группировку при создании сетки. Вы можете запретить пользователям удалять или изменять группировку, установив для свойства groupable значение false или просто не включая его в конфигурацию.

Оба приведенных ниже примера группируют сетку на основе FirstName.

Пример Razor HTML:

 @(Html.Kendo().Grid(Model.Person)
    .Name("grid")
    .Columns(columns =>
    {
      columns.Bound(model => model.FirstName);
      columns.Bound(item => item.LastName);
    })
    .Groupable(g => g.Enabled(false))
    .DataSource(dataSource => dataSource
        .Server()
        .Group(groups => groups.Add(p => p.FirstName))
)
  

Пример JavaScript:

 $("#grid").kendoGrid({
    dataSource: {
        data: [{FirstName: "FirstName1", LastName: "LastName1"},
              {FirstName: "FirstName1", LastName: "LastName2"},
              {FirstName: "FirstName3", LastName: "LastName3"},
              {FirstName: "FirstName1", LastName: "LastName4"}],
        group: { field: "FirstName" } // set grouping for the dataSource
    },
    groupable: false, // this will remove the group bar
    sortable: true,
    columns: ["FirstName","LastName"]
});
  

Ссылка на скрипку для примера JavaScript.

Источник примера JavaScript

Комментарии:

1. как насчет возможности сортировки и возможности группировки вместе?

2. @sabertabatabaeeyazdi Если вы имеете в виду, как сделать сетку как сортируемой, так и группируемой, просто установите для обоих этих свойств значение true.