javascript - 验证行并突出显示 slickGrid 中的无效单元格
问题描述
我想在单击保存时验证一行。这个问题已经通过以下解决方案进行了讨论。我看到行无效,并且失败数组具有无效条目,但未突出显示单元格。
以下是我的代码:
function save(){
grid.validate();
}
//Validate only on Save
grid.validate = function() {
var rowFailures = {}
for (r in data) {
if(r == 'getItemMetadata'){continue;}
var failures = validateColumns({item: data[r], row: r})
if(failures.length > 0){
rowFailures[r] = failures;
}
}
if(Object.keys(rowFailures).length > 0){
grid.onValidationError.notify({"rowFailures": rowFailures}, new Slick.EventData())
}
}
//Validation Error invoked
grid.onValidationError.subscribe(function(e, args) {
console.log("Validation error");
if(args.rowFailures){
var rowsIndexValues = Object.keys(args.rowFailures);
for(i in rowsIndexValues) {
var rowFailures = args.rowFailures[rowsIndexValues[i]]
for(j in rowFailures){
var failure = rowFailures[j];
//scroll first failure into view
if(0 == i){grid.scrollRowIntoView(failure.rowIndex)}
grid.flashCell(failure.rowIndex, failure.columnIndex, 500);//Makes no difference!
}
}
}
});
//Changes the background color for the failed cells
data.getItemMetadata = function(row) {
var failures = validateColumns({row: row, item: data[row]})
if(failures.length > 0){
var obj = {};
var metadata = {"columns": obj}
//Its iterating through these failures
for(f in failures){
//Changes the background color of the cell
obj[failures[f].column.id] = {"formatter": function(row, cell, value, m, item){return '<div style="background: #FFCCCC" title="This field is //invalid">'+failures[f].item[failures[f].column.field]+'</div>'}}
}
return metadata;
}
return {}
}
解决方案
我能够使用以下代码实现这一点
dataView.getItemMetadata = metadata(dataView.getItemMetadata); function metadata(old_metadata_provider) { return function (row) { var item = this.getItem(row); var ret = (old_metadata_provider(row) || {}); if (item) { ret.cssClasses = (ret.cssClasses || ''); var failures = //check for some condition if(failures.length > 0){ return { cssClasses: 'validationError' }; } } }
推荐阅读
- docker - Jenkins 中的 Docker 推送 - 被拒绝:请求的资源访问被拒绝
- python - 如何在运行 Django 测试之前加载我的测试 yaml 文件?
- c# - 将位图保存到 MemoryStream
- javascript - 尝试在 React js 中生成 pdf 时,“blob”.then 不是函数
- sql - 是否有可以返回完整日期时间值的 MIN() 替代方法?
- php - 循环期间的服务器响应(状态更新)
- c# - WPF中列表视图的性能缓慢
- c++ - 正则表达式多次匹配相同的模式
- ios - 是否可以检测到将远程通知添加到通知中心的时刻?
- python - 有没有办法使用条件中的多种数据类型来过滤 Python 中的列?