我正在尝试基于以下示例在slickgrid中实现分组。
https://github.com/mleibman/SlickGrid/blob/gh-pages/examples/example-grouping.html
唯一的区别是我没有任何过滤器,所以我不打电话给dataview.setFilter()
以下是我的分组代码。
@columns =
[
{id: "fname", name: "First Name", field: "firstName", formatter: @formatFname, sortable: true, width: @setWidth(30)}
{id: "lastName", name: "Last Name", field: "lastName", sortable: true, width: @setWidth(30)}
{id: "email", name: "Email ID", field: "email", formatter: @formatEmail, onClick: @launchEmail, sortable: true, width: @setWidth(60)}
]
groupItemMetadataProvider = new Slick.Data.GroupItemMetadataProvider
dataViewOptions = {
groupItemMetadataProvider: groupItemMetadataProvider
inlineFilters: true
}
@dataView = new Slick.Data.DataView(dataViewOptions)
dataView.beginUpdate()
dataView.setGrouping({
getter: 'lastName'
formatter: (g) ->
console.log("g is : ",g)
'Duration: ' + g.value + ' items'
aggregators: []
aggregateCollapsed: false
lazyTotalsCalculation: true
});
dataView.setItems(data)
dataView.endUpdate()
我甚至可以看到我的小组为每个小组设置了适当的标题。
但是我在光滑的网格中没有看到任何组行。
答案 0 :(得分:0)
您可能正在使用我不熟悉的ES6功能,但代码看起来很可疑,例如
dataView.setGrouping({
getter: 'lastName'
formatter: (g) ->
console.log("g is : ",g)
'Duration: ' + g.value + ' items'
aggregators: []
aggregateCollapsed: false
lazyTotalsCalculation: true
});
此对象定义的元素之间没有逗号
此外,箭头功能看起来不正确形成我。由于有两个语句,它应该包含在大括号中并且具有return
关键字。