在 Slick Grid 分组中实现列级过滤器

Question

我想在 Slick Grid Grouping 表中实现列级过滤。 请找到使用 slickgrid 进行分组的 jsfiddle。 我想在每一列上插入一个文本框，这样当我们搜索任何值时，应该根据特定分组而不是整个表来过滤结果。

$(function () {

var groupItemMetadataProvider = new  Slick.Data.GroupItemMetadataProvider();

dataView = new Slick.Data.DataView({
groupItemMetadataProvider: groupItemMetadataProvider,
inlineFilters: true
});

//
var columns = makeGridColumns(ReportData.cols);

grid = new Slick.Grid("#myGrid", dataView, columns, options);

// register the group item metadata provider to add expand/collapse group handlers
grid.registerPlugin(groupItemMetadataProvider);


// wire up model events to drive the grid
dataView.onRowCountChanged.subscribe(function (e, args) {
grid.updateRowCount();
grid.render();
});

dataView.onRowsChanged.subscribe(function (e, args) {
grid.invalidateRows(args.rows);
grid.render();
});



// initialize the model after all the events have been hooked up
dataView.beginUpdate();

dataView.setItems(ReportData.data);

groupBy();

dataView.endUpdate();

 })

http://jsfiddle.net/Tdha8/101/

Answer 1

嗯，你检查过 git 上的例子吗？

http://mleibman.github.io/SlickGrid/examples/example-header-row.html