反饋已提交

網絡繁忙

樣式屬性style

1. 概述

1.1 版本

報表伺服器版本行動端版本功能變動
11.0.7
11.0.70新增樣式屬性 style

1.2 應用場景

樣式屬性 style,JS API 中有樣式參數的API中使用,符合 css 的規範,用來設定邊框、顏色、文字等樣式。

如showToolTip(opts) 中用 style 來設定提示框的樣式、setStyle(opts) 中用 style 來設定儲存格的樣式。

支援的屬性見下表:

分類
欄位樣式說明是否支援行動端

正文樣式
fontWeight字體粗細                                 
fontStyle字體樣式
fontFamily字體
fontSize字號
color字體顏色
lineHeight正文高度
邊框樣式
border上下左右邊框
borderTop上邊框
borderBottom下邊框
borderLeft左邊框
borderRight右邊框

對齊方式

注:普通報表不支援對齊方式屬性

padding內邊距
paddingTop頂部填充
paddingBottom底部填充
paddingLeft左縮排
paddingRight右縮排
lineHeight正文行高/行間距
verticalAlign

儲存格內元素垂直對齊方式

textAlign正文水平對齊方式

2. 範例

1)使用 setStyle(opts) 給將決策報表中 report0 報表塊 A1 儲存格的字體設定為紅色、粗體、14 號:

_g().getWidgetByName('report0').getCell(1,1).setStyle({
fontSize: "xx-large",
color: 'red'
});

使用在範本中時,如點選按鈕修改儲存格的樣式:

點選可下載範本:获取单元格后修改单元格样式.frm

2)使用 showToolTip(opts) 給決策報表中 report0 報表塊設定一個字體粗體、字號 14、字體為“華文隸書”的提示框: 

_g().getWidgetByName('report0').showToolTip({
show: true, // 是否會出現彈窗
style: { // 可選欄位,不指定為預設樣式,支援css標準樣式的欄位
fontWeight:'900',
fontStyle:'italic',
fontFamily: '華文隸書',
fontSize: 'x-large'
//符合css規則
}
});

使用在範本中時,如給表格設定一個提示框: 

點選可下載範本:鼠标悬浮单元格图片提示.frm



附件列表


主題: 二次開發
已經是第一篇
已經是最後一篇
  • 有幫助
  • 沒幫助
  • 只是瀏覽
  • 圖片不清晰
  • 用語看不懂
  • 功能說明看不懂
  • 操作說明太簡單
  • 內容有錯誤
中文(繁體)

文 檔回 饋

滑鼠選中內容,快速回饋問題

滑鼠選中存在疑惑的內容,即可快速回饋問題,我們將會跟進處理。

不再提示

10s後關閉