jsf中2个字符串的颜色代码差异

Question

我有一个要求，我需要对两个字符串之间不同的字符进行颜色编码。 例如，如果两个字符串是 abcd1234df 和 abdc1256dg，则第一个字符串中位置 3、4、7、8、10 的字符需要显示为红色。

我正在使用Jsf 2.0 和richfaces 4，我需要这个解决方案在性能方面是可行的，因为这必须在大约 50 个字符串的循环中完成。 这些字符串是包含 50 行的丰富数据表中的列。 我应该在哪里调用 javascript 方法，以便丰富数据表中的一列得到颜色编码

Answer 1

下面是 javascript 中的快速入门。 这将返回带有字母的<p> 标记，以及标有“不同”类的任何不同的跨度。

所以如果你有类似的css：

.different{
   /*color: red;*/
   font-weight:bold;
}

然后你运行diffString('abcd1234df','abdc1256dg') 得到这个：

abcd1234df

实际回报： <p>ab<span class='different'>c</span><span class='different'>d</span>12<span class='different'>3</span><span class='different'>4</span>d<span class='different'>f</span></p>

这是我的代码：

function diffString(originalString, compareString){    
  var returnString = "<p>";    
  for(var i=0, child; child=originalString[i]; i++){    
    if(child != compareString[i]){    
      returnString += "<span class='different'>" + child + "</span>";    
    }    
    else{    
      returnString += child;      
    }    
  }    
  returnString += "</p>";    
  return returnString;    
}