使用小工具 > 共通的小工具屬性、服務、事件
  
共通的小工具屬性、服務、事件
下表列出多個小工具之間共通的屬性、服務以及事件。
* 
如果您要的小工具屬性並未列於此表中,請參閱與該特定小工具相關的說明主題。
內容名稱
JavaScript
類型
描述
對齊
imageAlign
string
小工具的水平對齊。
* 
在下拉式功能表中的可用選項,依小工具而有所不同。
背景色彩
backgroundColor
string
小工具的背景顏色。
此欄位支援 RGB 顏色、十六進位顏色或顏色名稱。
類別
class
string
指派至小工具的類別。各個小工具均可指派類別,讓您可寫入自訂的 CSS 規則。
內容換行
wrap
string
當裝置的螢幕尺寸改變時,小工具內部「格線配置」或「重複器」的放置位置。如果設定為不換行,則小工具會顯示為單一直線。
* 
在大多數情況下,建議不要更動預設的換行功能。
資料
data
infotable
資料的繫結目標。
取消選取
取消選取項目時觸發。
已停用
disabled
boolean
停用小工具的點擊並變更狀態。
友善命名
friendlyName
string
專案樹狀目錄中的小工具名稱。
高度
height
number
小工具的高度。輸入的數字之後必須加上 % 或 px。
調整
justification
string
小工具的對齊方式。從下拉式清單中選取下列任一選項:
「開始」
「結束」
「置中」
「等距排列」
「等距環繞」
標籤
label
string
顯示在小工具上的標籤。
清單
list
object
資料的繫結目標。您一般都是繫結服務的「所有項目」至此屬性。
邊距
margin
string
類似邊框間距屬性,可定義小工具或項目周圍的空間。此屬性是直接從 CSS 轉譯而得。請依支援格式之一輸入數字 (例如 10px):
px
%
in
mm
cm
ex
em
pt
pc
多重選擇
multiselect
boolean
可讓您在小工具中選擇多個項目。
邊框間距
padding
string
小工具周圍的邊框間距。請依支援格式之一輸入數字 (例如 10px):
px
%
in
mm
cm
ex
em
pt
pc
預留位置
placeholder
string
顯示在小工具中的預留位置文字。
Studio ID
widgetName
string
各個小工具在執行時間所指派的專屬 ID,可以編輯。
文字
text
string
顯示在小工具中的文字
數值
value
string
小工具的數值。
可見
visible
boolean
設定小工具在執行時間的可見度。預設已選取此屬性。
寬度
width
number
設定小工具的寬度。輸入的數字之後必須加上 % 或 px。
X 軸欄位
labelsField
string
將顯示圖表的 X 軸資料。需手動輸入欄位名稱。例如可鍵入「名稱」。
Y 軸欄位
valuesField
string
將顯示圖表的 Y 軸資料。需手動輸入欄位名稱。例如可鍵入「使用者」。
服務
JavaScript
描述
更新圖表
updateChart
可更新圖表的可繫結服務。
事件
JavaScript
描述
點擊
click
拖曳「點擊」事件到樹狀結構中的另個檢視,點擊即可導覽至該檢視,或將之拖曳至點擊即可觸發的服務。按一下「點擊」事件旁的 JS 圖示,以輸入運算式。
ItemClick
itemclick
拖曳「ItemClick」屬性至專案樹狀結構中的檢視上,則當點擊了清單中的項目或重複器時,隨即會瀏覽至其所繫結的檢視。舉例來說,如果您把「清單」小工具的「ItemClick」屬性繫結到「詳細資訊」檢視中,則當項目位於清單中即開啟「詳細資訊」頁面。
已按下
pressed
在按下小工具時觸發。
已選擇
selected
在選取小工具或項目時觸發。
未按下
unpressed
在未按下小工具時觸發。
數值已更改
change
數值更改時觸發。