Checkbox 带有复选框SelectColumn的Slickgrid:在某些行中隐藏复选框
我有一个带有Slick.CheckboxSelectColumn插件的网格 如果没有Jquery,是否可以在某些行中隐藏复选框? 我想使用格式化程序是可能的 以下是带有slickgrid复选框插件的var:Checkbox 带有复选框SelectColumn的Slickgrid:在某些行中隐藏复选框,checkbox,slickgrid,Checkbox,Slickgrid,我有一个带有Slick.CheckboxSelectColumn插件的网格 如果没有Jquery,是否可以在某些行中隐藏复选框? 我想使用格式化程序是可能的 以下是带有slickgrid复选框插件的var: var checkboxSelector = new Slick.CheckboxSelectColumn({ cssClass: "slick-cell-checkboxsel" }); 列定义: var columns = [
var checkboxSelector = new Slick.CheckboxSelectColumn({
cssClass: "slick-cell-checkboxsel"
});
列定义:
var columns = [
{ id: "Id", name: "Id", field: "Id", sortable: true, width: 40 },
{ id: "Status", name: 'Status', field: "Status", sortable: true, width: 80 },
checkboxSelector.getColumnDefinition()
];
创建网格和注册插件的代码:
grid = new Slick.Grid("#grid", dataView, columns, options);
grid.registerPlugin(new Slick.AutoTooltips({ enableForHeaderCells: true }));
grid.registerPlugin(checkboxSelector)
解决方案
使用自定义插件,由@JamesSilberbauer创建,您可以使用格式化程序来创建。 在将列定义添加到列列表之前,需要更改格式化程序。 这就是为什么:
var selectorColumnDef = checkboxSelecter.getColumnDefinition();
var currentFormatter = selectorColumnDef.formatter;
selectorColumnDef.formatter = function(row, cell, value, columnDef, dataContext) {
if (showCheckBox) {
return currentFormatter(row, cell, value, columnDef, dataContext);
}
return "";
};
var columns = [
{ id: "Id", name: "Id", field: "Id", sortable: true, width: 40 },
{ id: "Status", name: 'Status', field: "Status", sortable: true, width: 80 },
selectorColumnDef
];
自定义插件,由@JamesSilberbauer创建。太完美了。谢谢你的关注。