增加自定义CSS样式(样式只对当前组件生效)
9.7.0
示例代码1 给标题栏加CSS,改变标题栏颜色
portlet.appendCss('.portlet-title-text-default', { 'color': '#fff', 'background': 'rgb(0,0,255)', 'font-size': '16px' })
示例图1
示例代码2 给静态文本组件内容加CSS,改变文本样式(注意只在静态文本组件中生效)
portlet.appendCss('.text-object__processedContent', { 'color': '#f00', 'background': 'rgb(0,255,0)', })
示例图2
css选择器
css样式对象
获取当前聚焦的tab页签下标
获取组件id
获取组件标题
获取组件工具栏
10.5.0
let toolbar: IPortletToolbar = portlet.getToolbar();
获取组件类型
隐藏组件
当前组件是否是最大化状态
let isMaximized: boolean = portlet.isMaximized();
最大化组件,目前仅支持图形、表格、web电子表格、tab组件以及URL组件调用
portlet.maximize();
移除自定义CSS
还原最大化
portlet.restoreDown();
聚焦到指定下标的tab函数
示例代码
// 打开第一个Tab页签 portlet.setActiveTabName('0')
tab页签下标
切换tab页签处理函数
处理方法
设置组件标题
标题
显示组件
增加自定义CSS样式(样式只对当前组件生效)
9.7.0
9.7.0
示例代码1 给标题栏加CSS,改变标题栏颜色
portlet.appendCss('.portlet-title-text-default', { 'color': '#fff', 'background': 'rgb(0,0,255)', 'font-size': '16px' })
示例图1
示例代码2 给静态文本组件内容加CSS,改变文本样式(注意只在静态文本组件中生效)
portlet.appendCss('.text-object__processedContent', { 'color': '#f00', 'background': 'rgb(0,255,0)', })
示例图2