Salesforce中l(wèi)ightning 組件如何使用

Salesforce中l(wèi)ightning 組件如何使用，相信很多沒有經(jīng)驗(yàn)的人對(duì)此束手無策，為此本文總結(jié)了問題出現(xiàn)的原因和解決方法，通過這篇文章希望你能解決這個(gè)問題。

1.  可折疊容器

• 效果圖:  : 可折疊容器

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

lightning:layout/lightning:layoutItem : Grid容器

lightning:tab/lightning:tabset : Tab標(biāo)簽

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

按鈕組件

lightning:button: 普通按鈕

lightning:buttonIcon:只有一個(gè)html icon的按鈕

lightning:buttonGroup：一組按鈕

lightning:buttonMenu/lightning:menuItem: 一個(gè)drop-down 列表展示action

導(dǎo)航組件

lightning:breadcrumb/lightning:breadcrumbs: 展示當(dāng)前操作記錄的層級(jí)導(dǎo)航

lightning:tree： 樹形結(jié)構(gòu)

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

可視化組件

lightning:avatar: 對(duì)象的可視化表示 （一個(gè)圖像）

lightning:badge：包含少量信息的文本塊標(biāo)簽

lightning:datatable： 顯示table布局

lightning:dynamicIcon： 動(dòng)畫效果icon

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

lightning:icon： 顯示一個(gè)圖標(biāo)

lightning:pill： 展示一個(gè)顯示X號(hào)的內(nèi)容，可以顯示或者不顯示

lightning:progressBar： 展示一項(xiàng)操作的進(jìn)程條

lightning:progressIndicator：進(jìn)程指示器，顯示進(jìn)程線

lightning:spinner: 顯示Loading圖形

字段組件

lightning:checkboxGroup ：復(fù)選框

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

lightning:dualListbox ： 兩個(gè)list間移動(dòng)option。類似multi picklist效果

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

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

lightning:input ： 默認(rèn)展示輸入框，根據(jù)type不同展示不同效果。

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

lightning:select：展示一個(gè)包含多個(gè)option的菜單

lightning:slider : 展示一個(gè)可以滑動(dòng)效果指定范圍的輸入框

lightning:inputRichText： 富文本編輯器

lightning:textArea： textArea

格式化組件

以下標(biāo)簽都是只讀的

lightning:formattedDateTime ：格式化 data & time

lightning:formattedEmail ：格式化 email

lightning:formattedLocation  ：使用經(jīng)緯度格式化Location

lightning:formattedNumber ：格式化數(shù)字

lightning:formattedPhone：格式化電話號(hào)碼

lightning:formattedRichText：格式化富文本區(qū)域

lightning:formattedText：格式化字符串

lightning:formattedUrl：格式化URL

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