我使用的光滑电网的数据视图属性设置在光滑网格数据。 我施加标题行过滤。 我想获取外部按钮点击过滤后的数据。 我能够用得到的所有数据dataview.getItems()
但是当我过滤的标题行数据,并使用相同的属性dataview.getItems()
它返回所有行没有在过滤器行数据。
function bindSlickGrid(myOBJ) {
var options = {
enableCellNavigation: true,
enableColumnReorder: true, multiColumnSort: true, showHeaderRow: true, headerRowHeight: 30
, explicitInitialization: true
};
dataView = new Slick.Data.DataView();
grid = new Slick.Grid("#myGrid", dataView, myColList, options);
dataView.onRowCountChanged.subscribe(function (e, args) {
grid.updateRowCount();
grid.render();
});
dataView.onRowsChanged.subscribe(function (e, args) {
grid.invalidateRows(args.rows);
grid.render();
});
$(grid.getHeaderRow()).delegate(":input", "change keyup", function (e) {
var columnId = $(this).data("columnId");
if (columnId != null) {
columnFilters[columnId] = $.trim($(this).val());
dataView.refresh();
}
});
grid.onHeaderRowCellRendered.subscribe(function (e, args) {
$(args.node).empty();
$("<input type='text'>")
.data("columnId", args.column.id)
.val(columnFilters[args.column.id])
.appendTo(args.node);
});
grid.init();
dataView.beginUpdate();
dataView.setItems(myOBJ);
dataView.setFilter(function (item) {
for (var columnId in columnFilters) {
if (columnId !== undefined && columnFilters[columnId] !== "") {
var c = grid.getColumns()[grid.getColumnIndex(columnId)];
if (item[c.field] != columnFilters[columnId]) {
return false;
}
}
}
return true;
});
dataView.endUpdate();
//Sort data
grid.onSort.subscribe(function (e, args) {
var cols = args.sortCols;
myOBJ.sort(function (dataRow1, dataRow2) {
for (var i = 0, l = cols.length; i < l; i++) {
var field = cols[i].sortCol.field;
var sign = cols[i].sortAsc ? 1 : -1;
var value1 = dataRow1[field], value2 = dataRow2[field];
var result = (value1 == value2 ? 0 : (value1 > value2 ? 1 : -1)) * sign;
if (result != 0) {
return result;
}
}
return 0;
});
grid.invalidate();
grid.render();
**console.log(dataview.getItems() )**
});