没有看到Slickgrid组行

时间:2017-03-17 19:08:22

标签: slickgrid

我正在尝试基于以下示例在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()

我甚至可以看到我的小组为每个小组设置了适当的标题。

My groups from debugging

One of my groups object

But I am not getting any slick group row displayed in my grid.

Here is the html after grouping. No slick group rows are seen here

但是我在光滑的网格中没有看到任何组行。

1 个答案:

答案 0 :(得分:0)

您可能正在使用我不熟悉的ES6功能,但代码看起来很可疑,例如

dataView.setGrouping({
      getter: 'lastName'
      formatter: (g) ->
        console.log("g is : ",g)
        'Duration:  ' + g.value + ' items'
      aggregators: []
      aggregateCollapsed: false
      lazyTotalsCalculation: true
});

此对象定义的元素之间没有逗号 此外,箭头功能看起来不正确形成我。由于有两个语句,它应该包含在大括号中并且具有return关键字。