Salesforce中lightning 組件如何使用

Salesforce中lightning 組件如何使用，相信很多沒有經驗的人對此束手無策，為此本文總結了問題出現的原因和解決方法，通過這篇文章希望你能解決這個問題。

1.  可折疊容器

• 效果圖:  : 可折疊容器

2.lightning:card ：卡牌裝容器，用于展示一組信息

lightning:layout/lightning:layoutItem : Grid容器

lightning:tab/lightning:tabset : Tab標簽

lightning:tile : 瓷磚模型,用于展示一條記錄的相關信息

按鈕組件

lightning:button: 普通按鈕

lightning:buttonIcon:只有一個html icon的按鈕

lightning:buttonGroup：一組按鈕

lightning:buttonMenu/lightning:menuItem: 一個drop-down 列表展示action

導航組件

lightning:breadcrumb/lightning:breadcrumbs: 展示當前操作記錄的層級導航

lightning:tree： 樹形結構

lightning:verticalNavigation： 垂直排列的鏈接列表

可視化組件

lightning:avatar: 對象的可視化表示 （一個圖像）

lightning:badge：包含少量信息的文本塊標簽

lightning:datatable： 顯示table布局

lightning:dynamicIcon： 動畫效果icon

lightning:helptext： hover后提示信息效果

lightning:icon： 顯示一個圖標

lightning:pill： 展示一個顯示X號的內容，可以顯示或者不顯示

lightning:progressBar： 展示一項操作的進程條

lightning:progressIndicator：進程指示器，顯示進程線

lightning:spinner: 顯示Loading圖形

字段組件

lightning:checkboxGroup ：復選框

lightning:combobox ：提供一個用戶輸入的并且可以autocomplete的控件

lightning:dualListbox ： 兩個list間移動option。類似multi picklist效果

lightning:fileUpload ： 提供上傳文件的框

lightning:fileCard ： 展示一系列的上傳的文件

lightning:input ： 默認展示輸入框，根據type不同展示不同效果。

lightning:radioGroup：展示一組單選按鈕

lightning:select：展示一個包含多個option的菜單

lightning:slider : 展示一個可以滑動效果指定范圍的輸入框

lightning:inputRichText： 富文本編輯器

lightning:textArea： textArea

格式化組件

以下標簽都是只讀的

lightning:formattedDateTime ：格式化 data & time

lightning:formattedEmail ：格式化 email

lightning:formattedLocation  ：使用經緯度格式化Location

lightning:formattedNumber ：格式化數字

lightning:formattedPhone：格式化電話號碼

lightning:formattedRichText：格式化富文本區域

lightning:formattedText：格式化字符串

lightning:formattedUrl：格式化URL

看完上述內容，你們掌握Salesforce中lightning 組件如何使用的方法了嗎？如果還想學到更多技能或想了解更多相關內容，歡迎關注億速云行業資訊頻道，感謝各位的閱讀！