KendoUI Grid自定义可分组对象

时间:2015-06-12 08:49:32

标签: kendo-ui kendo-grid

我正在尝试在列字段上创建一个网格可分组,但列是对象。 {Gestionnaire:{id:4,nom:'nomgestionnaire'},{..},..} 我在排序方面取得了成功:

columns: [ field: "Gestionnaire" title: "Gestionnaire" sortable:
compare: (a,b) => @compareColumnFields(a.Gestionnaire.Nom, b.Gestionnaire.Nom) ]
@compareColumnFields函数是:

if a is b
    return 0
else if a > b
    return 1
else
    return -1

和分组??? :

groupable:...

感谢您的回答

2 个答案:

答案 0 :(得分:1)

我认为您希望允许用户主动对列进行分组。

在这种情况下,您只需要:

groupable: true

在网格的主要结构中。

例如:

$('#grid').kendoGrid({ 
    columns: [
        {
            fields: "Guestionaire",
            title: "Guestionaire",
            sortable:
                compare: (a,b) =>
                    @compareColumnFields(a.Guestionaire.Nom, b.Guestionaire.Nom)
         }, 
         {...placeholder for other columns...}
    ],
    groupable: true
});

剑道有http://dojo.telerik.com/ejehe的样本 忽略SelectRow和Expand / Collapse的东西,这应该与你想要完成的东西相同。

答案 1 :(得分:1)

对于与我情况相同的人,我完全改变了解决方案。而不是让我成为一个返回true和false的函数,它给它完整的对象,我只是给它字符串。 对于我的示例,我直接提供a.Gestionnaire.Nomb.Gestionnaire.Nom,然后那么,您可以致电:

groupable: true

事实上很明显。