【LWC】 响应式根据记录类型获取选项列表的值

最新推荐文章于 2021-11-20 23:17:57 发布
最新推荐文章于 2021-11-20 23:17:57 发布
阅读量268 收藏
点赞数
分类专栏： lightning web component Salesforce 文章标签： salesforce lwc
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_35714301/article/details/118908756
版权
本文介绍如何在LWC组件中根据记录类型动态获取并显示选项列表的值，利用Salesforce标准API实现组件的响应式更新。
摘要由CSDN通过智能技术生成

【LWC】 响应式根据记录类型获取选项列表的值

在某些场景下，一个对象的某个选项列表的值，会根据记类型的不同而设置为不同的值。我们可以使用标准API，在组件中方便快捷地获取它们，并且根据不同的记录类型响应式地重新获取它们的值。

Show Me The Code

在HTML文件中，我们会使用标准组件<lightning-dual-listbox>渲染出选项列表（多选）

<lightning-dual-listbox name="picklist" label="选项列表" required source-label="可选" selected-label="已选" disable-reordering options={options} required-options
最低0.47元/天 解锁文章
Fala Oviara
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
【Salesforce】【LWC】响应式验证标准查找输入框
ljinest
01-13 589
应用场景 在使用lwc的标准查找输入标签 lightning-input-field 中，有时候会需要验证用户的输入内容，并且根据内容进行不同的处理。如果用户的选择不符合要求，则需要清除输入的内容，并且提示用户。 *补充说明：*标准查找输入标签指 lightning-input-field 的 field-name 值为一个查找（look-up）字段。 响应式验证 怎么做到能够清除标准输入框的内容？其实很简单，在标准标签中添加上一个 value 属性，并且在js中管理这个变量。 例： html： <l
Salesforce LWC学习(十) 前端处理之 list 处理
终极冥帝
01-12 1402
本篇参看：https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Reference/Global_Objects/Array list是我们经常要处理的内容，lwc前端针对list主要有几个函数处理，不同函数针对不同场景有不同的功能。下面就根据几个常用的处理list的方法进行简单的介绍。 一. forEach 我们针对list处理...
Salesforce LWC学习(三十四) 如何更改标准组件的相关属性信息
weixin_48967543的博客
06-11 486
本篇参考： https://www.cnblogs.com/zero-zyq/p/14548676.html https://www.lightningdesignsystem.com/platforms/lightning/styling-hooks/#Styling-Hooks-What-Does-It-Look-Like https://developer.salesforce.com/docs/component-library/documentation/en/lwc/create_compon.
Salesforce LWC学习(六) @salesforce & lightning/ui*Api Reference
weixin_30955617的博客
09-10 1044
上一篇中我们在demo中使用了很多的 @salesforce 以及 lightning/ui*Api的方法，但是很多没有细节的展开。其实LWC中针对这些module提供了很多好用的方法，下面对这两种进行详细介绍。 一. @Salesforce @salesforce模块封装了很多的方法，用于在运行时添加相关的功能。主要方法及使用如下。 1. @salesforce/apex : 此...
form必填默认校验_Salesforce LWC学习(十六) Validity 在form中的使用浅谈
weixin_39816946的博客
11-22 418
本篇参考：https://developer.salesforce.com/docs/component-library/bundle/lightning-input/documentationhttps://www.lightningdesignsystem.com/components/input/#Error当我们在前端有表单操作或者有大量的输入性条件作为搜索条件情况下， 通常会有...
timeline-lwc:Salesforce 平台的交互式时间表
08-03
时间扭曲| | | |Salesforce 平台的交互式 ... 响应式界面。 使用 flexipageRegionWidth 来确定它在页面中的位置。 最大限度地减少服务器往返。 使用 Lightning Data Service 获取工具提示并在需要时回退到查询的数据。
LWC列表视图
02-14
Salesforce DX项目：后续步骤 现在，您已经创建了Salesforce DX项目，下一步是什么？ 以下是一些文档资源，可帮助您入门。 您如何计划部署更改？ 您要部署一组更改，还是创建一个独立的应用程序...“＃LWC-List-View”
eslint-plugin-lwc：LWC的官方ESLint规则
02-05
@ lwc / eslint-plugin-lwc 闪电Web组件（LWC）的官方ESLint规则。安装$ npm install eslint babel-eslint @lwc/eslint-plugin-lwc --save-dev用法将lwc添加到配置的plugins部分。 然后在“ rules部分中配置所需的...
LWCAction:LWC作为闪电行动。 根据照明动作API名称动态创建LWC
05-22
无需创建新的不必要的Aura组件，编写关闭的Lightning Action事件处理程序并添加微调框，我们可以创建通用的Aura组件，该组件将根据Lighting Action API名称动态创建LWC。 样例代码 如何使用 在LWC组件的'.js-meta....
lwc-storybooks-poc：LWC故事书PoC
02-03
lwc-storybooks-poc LWC Storybook PoC是和的集成。 它演示了如何在诸如Storybook之类的开源项目中使用 。 基本组件实现Lightning Design System，并使用开发。 入门 在本地运行该项目，以探索Storybook中如何使用 ...
lwc-utils:可重复使用的LWC可以使您的解决方案构建速度提高10倍。 使用LWC +屏幕流设计交互式，数据密集型UI
05-11
LWC实用程序 可重复使用的LWC可以使您的解决方案构建速度提高10倍。 messageService ：闪电消息服务（LMS）简化了组件消息传递。 SOQL Datatable ：利用SOQL为您的列表视图，相关列表甚至屏幕流提供动力。 Collection Datatable ：在屏幕流中管理记录集合变量。 利用Aura和LWC来动态创建对话框（模态）的设计模式，以获得更好的UX。 在任何位置的对话框（模式）内动态启动“屏幕流”。 介绍 此回购展示了使用以下核心内容创建丰富，交互式，数据密集型UI的最佳默认设置： 来自LWC的lightning-datatable 。 lightning:overlayLibrary来自Aura的lightning:overlayLibrary 。 lightning:flow来自灵气。 messageService提取进行整体缝合。
Salesforce LWC（三）：初步认识
weixin_44655098的博客
11-20 1360
LWC使用了大量的js，html和css所以学习起来比较好上手，组件的创建更加的简单方便。这里默认大家对这些语言都有简单的了解，就不多做介绍了。而且Aura中可以使用LWC，但是LWC中无法使用Aura，LWC比Aura拥抱了更多标准的规范,而Aura中大量使用了salesforce自定义的标签。 这部分内容依旧跟着trailhead来进行学习。 生命周期 Lightning Web Components提供了一些方法，允许你将代码与组件生命周期中的关键事件“挂钩”。这些事件包括组件为: Created
Salesforce LWC学习(三) import & export / api & track
weixin_30955617的博客
08-09 1063
我们使用vs code创建lwc 时，文件会默认生成包含 template作为头的html文件，包含了 importLightningElement的 js文件以及对应的.js-meta.xml文件。前一个LWC学习的文章中已经说过当浏览器渲染的时候，遇见<template>会将其渲染成<namespace-component-name>，比如 helloWo...
初识Lightning web component(lwc)
zhang44429824的博客
03-13 3343
今年在做lightning项目的时候，突然component-library默认是lwc的标签，于是好奇的开始lwc的学习之路，以此来做笔记,如有犯错，欢迎评论指点。 可以在这边学习哦：https://trailhead.salesforce.com/en/users/strailhead/trailmixes/lightning-web-components 配置环境：https://tra...
041_Record Type
11-07 130
应用场景：在使用Apex新建记录时，有时需要根据具体需求为用户匹配对应的记录类型，这个时候就需要用到记录类型Id的情况。 获取RecordTypeId的方法有2种，一种是根据soql进行查询，另一种是使用内置方法查询； 方法1：过滤的是DeveloperName IdrecordTypeId=[SELECTId,Name,DeveloperName,isActiv...
获取picklist中的值
莫路无言的专栏
06-14 1382
Field203__c是buildingoptiondata__c中的一个picklist Schema.DescribeFieldResult F = Schema.SObjectType.buildingoptiondata__c.fields.Field203__c; List pe = f.getPicklistValues(); 这样就获取到picklist中的所有值
【LWC】组件中快速取得当前登录用户ID
ljinest
06-10 500
LWC中快速取得当前登录用户ID 场景 在业务逻辑中，我们经常要获得当前登陆用户的Id，在Apex中，我们可以方便地使用UserInfo().getUserId();来实现，在LWC中，我们有另一种方便的方法来获取当前登录用户的Id。 方法 在lwc组件的js代码中添加以下几行： // 头部 import CURRENTUSERID from '@salesforce/user/Id'; // 类 export default class Component extends LightningElemen
【LWC】Resource not found异常的一个可能原因
ljinest
06-22 8128
Resource not found异常的一个可能原因 场景 在我当前项目中，有一个用来创建记录的LWC组件。创建记录的流程大致为以下三步： 用户输入信息 用户点击保存，后台处理数据，创建记录 记录创建成功，跳转到相应记录页面 但是我发现，有时候在用户点击保存之后，在表单头会报错 Resource not found 。这个错误信息很奇怪，因为一般这种错误信息只会出现在调用REST API的场景。 排查 其实一开始排查这个错误的时候，我是往创建记录的时候遇到错误的方向排查的。我以为是当前用户简档对对象中
【Salesforce】 LWC框架文档 （入门介绍及教程）#长文预警
ljinest
07-08 4269
LWC（Lightning Web Component）介绍及使用 07/2021 Salesforce Lightning Experience 为了适应多端以及现代化Web应用，Salesforce在2015年推出了全新的Lightning Experience用户界面。 目前为止，Salesforce的用户界面分为两种： Salesforce Classic Visualforce Pages Salesforce Lightning Experience Lightning Web Com
LWC开发全解析：工具、项目创建与核心API
Salesforce LWC (Lightning Web Components) 是 Salesforce 开发平台的一部分，它允许开发者以现代 JavaScript 构建可复用、高性能的 UI 组件。在这个介绍中，我们将深入探讨 LWC 的关键概念和开发流程。 首先，让...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值