泛微E9 修改字段样式（背景颜色、字体加粗等）

修改字段样式（背景颜色、字体加粗等）

泛微E9开发 修改明细表字段背景颜色

<script>
  var lx = WfForm.convertFieldNameToId("lx","detail_1");
  var xmm = WfForm.convertFieldNameToId("xmm","detail_1");
  
  jQuery(document).ready(function(){    
    debugger;
       
    WfForm.bindDetailFieldChangeEvent(lx,function(obj,rowIndex,value){
      if(value == "0"){   //原样式
        WfForm.proxyFieldComp(xmm+"_"+rowIndex, "<div></div>", "2,3");
      }else if(value == "1"){   //标红
        WfForm.proxyFieldComp(xmm+"_"+rowIndex, React.createElement("div",{
          style:{background:"red"},
          children:"子内容"
        }));
      }else if(value == "2"){   //标红加粗
        WfForm.proxyFieldComp(xmm+"_"+rowIndex, "<div style='background:red;font-weight:bold'>自定义渲染字段</div>", "2,3");
      }else{  //还原
        WfForm.proxyFieldComp(xmm+"_"+rowIndex, "<div></div>", "2,3");
        WfForm.afterFieldComp(xmm+"_"+rowIndex,React.createElement("input",{
            type:"text",
            class:"wf-input wf-input-1 wf-input-detail wf-input-field25902"
        }));
      }
      
    })
  
</script>

自定义代理渲染单行文本框字段

此接口仅对单行文本框字段类型生效，即数据库字段类型为varchar
proxyFieldComp: function(fieldMark, el, range)

参数说明

参数	参数类型	必须	说明
fieldMark	String	是	字段标示，格式field${字段ID}_${明细行号}
el	React Comp	是	渲染的组件
range	String	否	作用范围，默认全部，(1:只读、2:可编辑、3:必填),组合后逗号分隔

自定义追加渲染表单字段

在标准字段展现内容的基础上，after方式追加渲染自定义组件
afterFieldComp: function(fieldMark, el, range)

查看调试面板元素

浏览器按F12键进入，调试面板包含了多个标签页，如Elements、Console、Sources、Network、Performance、Application和Memory等。通过这些标签页，开发者可以进行代码调试、查看网页源码、监控网络请求、分析性能瓶颈等开发相关的操作。例如，在Console标签页中，开发者可以执行JavaScript代码并进行控制台输出，而Source标签页则显示了网页的源代码，即未经浏览器或框架修改的代码。