如何根据Handsontable中的表格单元格值设置表格单元格外观

时间:2016-10-20 03:07:45

标签: javascript mysql handsontable

我正在使用Handsontable PHP与MySQL数据库。

在我的表格中,有6列如下:

|产品|数量。 |好|损坏|剪切&撕裂|

数量。=好+损坏+切割&撕裂

首先,我将在表格中输入“产品”和“数量”,此时“好”,“损坏”,“剪切和撕裂”的值将自动设置为零。但是当我在任何一个单元格中输入一个值“Good”,“Damaged”或“Cut& Torn”时,单元格的背景将变为红色,直到这三个单元格的总值(“Good”,“Damaged”和“Cut” & Torn“)将等于”Quantity“单元格的值。 现在我需要一些指南来通过JS实现这一目标? 任何帮助将不胜感激。

1 个答案:

答案 0 :(得分:0)

您可以使用此解决方案:

Handsontable.hooks.add('afterRender', function() {
var d = this;
var quantity = d.getDataAtCol(1);
var good = d.getDataAtCol(2);
var damaged = d.getDataAtCol(3);
var cut_torn = d.getDataAtCol(4);


$.each(quantity,function(i,v){
    if (+good[i] !== 0 || +damaged[i] !== 0 || +cut_torn[i] !== 0){
 if ((+good[i]] + +damaged[i] + +cut_torn[i]) != v ) {
  $(d.getCell(i,1)).css({'background':'yellow'});
  $(d.getCell(i,2)).css({'background':'red'});
  $(d.getCell(i,3)).css({'background':'red'});
  $(d.getCell(i,4)).css({'background':'red'});
 } 
 }
});
});