Question

我对Kendo Grid和分组有疑问 - 我想在分组网格时包含一些逻辑。我需要按州分组地址，如果状态为空，则按国家/地区分组。这可行吗？感谢。

Answer 1

您可以创建一个隐藏列，其中状态可用，否则为country，然后将该数据源设置为按该列分组：

var jsondata = [  
  {City : "Houston",State : "Texas",Country : "USA"}, 
  {City : "New York",State : "New York",Country : "USA"},
  {City : "Austin",State : "Texas",Country : "USA"}, 
  {City : "London",State : "",Country : "UK"}, 
  {City : "Manchester",State :"",Country : "UK"}, 
  {City : "Paris",State : "",Country : "France"}
]; 

for (var i=0; i < jsondata.length; i++){
  var stateCountry =  jsondata[i].State ? jsondata[i].State : jsondata[i].Country;

  jsondata[i].Group = stateCountry;
}

$(document).ready(function() {
    $("#grid").kendoGrid({
        dataSource: {
            data: jsondata,
            schema: {
                model: {
                    fields: {
                        City: { type: "string" },
                        State: { type: "string" },
                        Country: { type: "string" },
                    }
                }
            },
            group: {
                field: "Group",
                dir: "asc"
            }
        },
        groupable: false,
        scrollable: true,
        columns: [
            { field: "City" },
            { field: "State" },
            { field: "Country" },
            { field: "Group", title: "State/Country", hidden: true }
        ]
    });
});

<强> DEMO

Kendo Grid - 分组和逻辑

1 个答案: