ExtJs 动态修改组件的样式（只留文本框的底边）

最新推荐文章于 2021-03-06 00:30:16 发布

最新推荐文章于 2021-03-06 00:30:16 发布 · 375 阅读

本文介绍了一种通过JavaScript动态调整CSS样式的方法，特别是针对表单中的文本字段边框效果进行修改。通过对特定字段添加样式类，可以实现底部边框颜色或样式的改变。

//样式

.sfbt { background:none; border-right: 0px solid; border-top: 0px solid; border-left: 0px solid; border-bottom: #94a9bc 1px solid; }


 //下面是组件添加样式function initForm(formDataList){// var textFieldArray=form.findByType("textfield");// var textfield=textFieldArray[0];var textfield = form.findById("_xm");for(var i = 0; i < formDataList.length; i++){var formData = formDataList[i]; if(formData.sfbt == "false" && formData.columncode == "XM"){textfield.addClass('sfbt');}}}