在Slick Grid Grouping中实现列级别过滤器

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