HTML5端控件设置样式用法小结

栏目:云星空知识作者:金蝶来源:金蝶云社区发布:2024-09-23浏览:3

HTML5端控件设置样式用法小结

在我们进行二开的过程中,发现由于历史原因某些单据在h5端下运行会有多余的背景色或者小的样式差异,或者有些二开的单据需要简单设置下控件的样式。本文简单介绍下h5端控件设置样式的方法,开发者需要有基本了解下html和css的一些知识。

如下例子,在二开首页上发现单据上面多了两个红色色块元素,如图。

image.webp

可以打开浏览器的F12查看下,可以看到设置在这个id为FHEADERPANEL的控件上面,有个设置background-color的样式属性,因此可以考虑通过在插件中控制控件的样式。

image.webp

查到这个单据是BOS_COMMFUNC,打开bos设计器,然后找到确实这个单据元数据中确实有FHEADERPANEL这个控件。

image.webp


然后可以拓展这个单据挂靠个Python插件到这个单据下面,具体设置样式的代码如下。当然这个也可以在c#中设置,一样的逻辑,通过调用前端setInlineStyleValue方法设置控件的css内联样式。

import clr;
clr.AddReference('System')
clr.AddReference('Kingdee.BOS')
clr.AddReference('Kingdee.BOS.Core')
from Kingdee.BOS.Core import *
from Kingdee.BOS.Core.DynamicForm.PlugIn import *
from Kingdee.BOS.Core.DynamicForm.PlugIn.ControlModel import *
from Kingdee.BOS.Core.Metadata.FieldElement import *
from System import *
def AfterBindData(e):
    this.View.GetControl("FHEADERPANEL").InvokeControlMethod("setInlineStyleValue", "background-color:#e8ecf6");

设置完成插件之后效果如下。

image.webp

HTML5端控件设置样式用法小结

在我们进行二开的过程中,发现由于历史原因某些单据在h5端下运行会有多余的背景色或者小的样式差异,或者有些二开的单据需要简单设置下控件...
点击下载文档
确认删除?
回到顶部
客服QQ
  • 客服QQ点击这里给我发消息