泛微E9 根据字段值来变更明细表某行或字段的背景颜色

jQuery选择器

jQuery选择器是jQuery强大的体现，它提供了一组方法，让我们更加方便的获取到页面中的元素。
jQuery 元素选择器和属性选择器允许您通过标签名、属性名或内容对 HTML 元素进行选择。
选择器允许您对 HTML 元素组或单个元素进行操作。

元素选择器

jQuery 使用 CSS 选择器来选取 HTML 元素。

$(“p”) 选取 p元素。
$(“p.intro”) 选取所有 class=“intro” 的 p元素。
$(“p#demo”) 选取所有 id=“demo” 的 p元素。

id选择器

id选择器通过 HTML 元素的 id 属性选取指定的元素。
页面中元素的 id 应该是唯一的，所以您要在页面中选取唯一的元素需要通过 #id 选择器。

$(“#test”)选取id="test"的元素

属性选择器

jQuery 使用 XPath 表达式来选择带有给定属性的元素。

$(“[href]”) 选取所有带有 href 属性的元素。
$(“[href=‘#’]”) 选取所有带有 href 值等于 “#” 的元素。

语法	描述
$(“*”)	选取所有元素
$(this)	选取当前 HTML 元素
$(“p:first”)	选取第一个 p 元素
$(“ul li:first”)	选取第一个 ul 元素的第一个 li 元素
$(“ul li:first-child”)	选取每个 ul元素的第一个 li 元素
$(“tr:even”)	选取偶数位置的 tr 元素
$(“tr:odd”)	选取奇数位置的 tr 元素
$(“ul li:eq(3)”)	选取ul元素的第四个li元素（index 从 0 开始）

前端页面显示元素

根据字段值来变更明细表某字段的背景颜色

明细表单字段背景颜色设置

<script>

  jQuery(document).ready(function(){    
    debugger;
    WfForm.bindDetailFieldChangeEvent(lx,function(obj,id,value){
      	if(value == "2"){
        	$(".detail_data_row:eq("+id+")").children("td:eq(2)").css("background","#ffff00");
     	}else{
       		$(".detail_data_row:eq("+id+")").children("td:eq(2)").css("background","#ff0000");
      	}
    });
</script>

根据字段值来变更明细表某行的背景颜色

明细表整行背景颜色bian变更

<script>
  var lx = WfForm.convertFieldNameToId("lx","detail_1");
  
  jQuery(document).ready(function(){    
    debugger;
    WfForm.bindDetailFieldChangeEvent(lx,function(obj,id,value){
      if(value == "2"){
        $(".detail_data_row:eq("+id+")").css("background","#ffff00");
        $(".detail_data_row:eq("+id+")").children().css("cssText","background-color:#ffff00!important"); 
      }else{
        $(".detail_data_row:eq("+id+")").css("background","#ff0000");
        $(".detail_data_row:eq("+id+")").children().css("cssText","background-color:#ff0000!important"); 
      }      
    });   
  
</script>