上一篇详细讲解了增删改查的初期数据取得和更新操作，还有一种场景是我们经常遇到的，就是ListView，在Lightning画面中可以创建一些标准ListView，但毕竟标准的东西有自己的限制，这样我们就可以自定义开发...，今天主要讲解如何使用Lwc自定义LIstView。...首先我们用到的标签是【lightning-datatable】，然后只要把Title和要显示的项目定义好就行了，【columns】是用来显示Title，【data】是用来显示具体项目的。...例1：基本样式 需要表示的具体数据用ApexClass取得，然后在Js中做好Columns，data。...showRowDetails(row) { this.record = row; } } 效果展示： image.png image.png 选择Show details，显示当前行数据的详细信息
image.png 使用Lwc打开一个新的浏览器窗口，当关闭窗口时也可以进行刷新操作，如下，点击加号按钮，打开登录画面，当登录成功时刷新ListView列表。...image.png Window open() 方法 用于打开一个新的浏览器窗口或查找一个已命名的窗口。...window.open(URL,name,specs,replace) 具体登录事件操作如下，当登录成功，关闭子画面时，使用refreshApex()方法刷新画面 handleCreateClick(...recordId}"/> 2.Experiences上做一个新的...Page，装载上边的登录画面。
一个 lightning-datatable组件用来展示表格数据，它可以根据数据类型展示每一列。比如一个 email类型的字段会展示一个点开以后是一个 mail:to的超链接。...，通过wire adapter获取后台数据放在data中 import { LightningElement, track, wire } from 'lwc'; import getCaseList...实现datatable展示 formula类型是图片的功能 自己看文档的小伙伴可能发现datatable的columns的type没有类似 image类型，但是在object field创建时我们很容易创建一些...设置 type为 image类型，image类型是我们上文自定义创建的 对 formula类型进行解析，找到他的src部分。...前半年的主旋律大部分时间都在学习lwc，后半年的时间大部分会放在考证和学习其他技术，不出意外应该是今年的最后一篇lwc的博文。
image.png Lightning Web组件中通常使用wire取得数据，当条件发生变更时才会刷新，JS中提供另一种方法【refreshApex()】来刷新页面。...import { refreshApex } from '@salesforce/apex'; 下边例子，在使用wire取得的数据保存在变量【wiredRecordList 】中，通过点击刷新按钮，调用以下方法进行数据刷新...lightning-layout-item> <lightning-datatable...key-field="id" data={records} columns={columns}> basicDatatable.js import { LightningElement, wire, track } from 'lwc'; import
前边讲过如何使用【lightning-datatable】表示数据，以及一些基本样式，今天讲解在【InLineEdit】模式下，通过Lwc方法和Apex自定义方法进行编辑后的数据更新。 2....template> import { LightningElement, wire, api } from 'lwc...【event.detail.draftValues】+【updateRecord】 使用【event.detail.draftValues】方法可以取得编辑后的值和RecordId，在利用【updateRecord...】方法进行数据更新 ...template> import { LightningElement, wire, api } from 'lwc
（五） https://jeremyliberman.com/2019/02/11/fetch-has-been-blocked-by-cors-policy.html 我们在学习LWC的时候，使用 wire...adapter特别爽，比如 createRecord / updateRecord，按照指定的格式，在前端就可以直接将数据的创建更新等操作搞定了，lwc提供的wire adapter使用的是 User...当然，人都是很贪婪的，当我们对这个功能使用起来特别爽的时候，也在疑惑为什么没有批量的创建和更新的 wire adapter，这样我们针对一些简单的数据结构，就不需要写apex class，这样也就不需要维护相关的...那么，针对批量数据的场景，是否有什么方式可以不需要apex，直接前台搞定吗？当然可以，我们可以通过调用标准的rest api接口去搞定。...总结：篇中只展示了一下通过 REST API去批量操作数据的可行性，仅作为一个简单的demo很多没有优化，异常处理，错误处理等等。而且对数据量也有要求，200以内。
restriction rule创建以后，如果之前 search box搜索过相关的记录存在 shortcut，则search还是可以看到。...如果最近浏览过记录，在 recently view的视图中还是可以看到。当然，当你点击这条记录的时候，会给你报错告诉你无法访问。...举个例子，某个user针对一条数据拥有权限，但是restriction rule给它限制住了访问。尽管这条记录访问不到，但是 UserRecordAccess却会显示对这条数据有权限。...我们创建了4条数据，两条 sample1的，两条 sample 2的，针对system admin的数据，我们可以看到4条数据。...这里做一下 自定义逻辑的补充，我们通过lwc组件展示restriction rule的影响。
本来lightning-datatable这种标签，基本上任何的项目都会用到而且很精通，所以当时感觉没有太大的单独一篇写的必要，在Salesforce LWC学习(三十) lwc superbadge项目实现...看上去还可以是吧，但是有两个潜在的问题。 按照以下操作步骤，第一页有拖动条，选择了第5条数据 ?...其实我也不太清楚是什么原因，datatable官方的设计中也没有翻页的demo，大部分都是loadMore当页增加数据场景，所以可能针对每页的index处选中效果有某个隐藏的bug。...当我们尽管更新了list的数据，但是index给渲染了，很容易是render层的bug。所以我们想一下如何去处理这种问题。...总结：篇中代码实现了通过 lightning-datatable翻页效果以及针对两个潜在的bug的修复。偏中有错误欢迎指出，有不懂欢迎留言。有更好方式欢迎交流。
本篇参考：https://developer.salesforce.com/docs/component-library/bundle/lightning-datatable 背景：我们有时会有这种类似的需求...继承 LightningDatatable，创建template； 2. template中通过a标签，添加 onclick事件； 3....message channel以及创建需要的变量，不同的需求有不同的变量，可以基于自己的需求来看。...当点击以后，通过message channel发布事件 import { LightningElement, track, wire,api } from 'lwc'; import { publish...，订阅后执行handleFilterChange方法。
背景： 今天项目组小伙伴问了一个问题，如果更新数据超过1万条的情况下，有什么好的方式来实现呢？...我们都知道一个transaction只能做10000条DML数据操作，那客户的操作的数据就是超过10000条的情况下，我们就只能搬出来salesforce government limitation进行拒绝吗...正好博客中貌似没有记录这种的需求，所以整理一篇，js能力有限，抛砖引玉，欢迎小伙伴多多的交流沟通。...当点击按钮时，展示spinner，同时每200条数据准备好会在后台进行一次数据操作，结果返回以后，在进行前端的整理，周而复始，一个说不上递归的数据操作。...肯定有，比如在执行某200条数据错误的情况下，如何所有的数据进行回滚呢？如何记录已有的已经操作的数据呢？
# 问题 mongoDB的默认登陆时无密码登陆的，为了安全起见，需要给mongoDB设置权限登录，但是keystoneJS默认是无密码登陆的，这是需要修改配置来解决问题 # 解决 在keystone.js...brand': 'recoluan', 'mongo': 'mongodb://user:password@host:port/dbName', }); 1 2 3 4 5 复制 这里需要注意的是...，mongoDB在设置权限登录的时候，首先必须设置一个权限最大的主账户，它用来增删其他普通账户，记住，这个主账户时 无法 用来设置mongo对象的， 你需要用这个主账户创建一个数据库（下面称“dbName...”），然后在这个dbName上再创建一个可读写dbName的普通账户，这个普通账户的user和password和dbName用来配置mongo对象
简而言之， LDS实现了记录得跨组件共有，并且当前得记录在跨组件中得版本相同，从而实现不同得组件展示当前记录同样得内容。在lwc中，有两个部分自动实现了LDS。...下方页面由几部分组成，因为在lightning中，一个页面可能包含多个组件，多个组件可能共用数据，使用LDS得好处是所有得缓存都是同一个版本，即一个修改改变了version以后，所有的使用当前LDS的都重新刷新版本到最新...，但是没法设置相关的filter的逻辑，我们就可以使用apex在后台去处理复杂的逻辑； 去处理一个transactional逻辑，比如创建一条 account以后，还想创建一个默认的contact，这种使用...这种就会充满了困惑，同一个页面相同记录数据展示两个version，自然用户这关过不了。如何解决呢？下面就讲一下今天的主角：getRecordNotifyChange。...getRecordNotifyChange用于查询指定的记录ID或ID列表，将他们的LDS的缓存和version刷新到最新。
因为很多人可能还没接触过lwc的项目，所以通过学习知道很多的知识点，但是可能没有机会做到一个小项目，salesforce lwc superbadge正好可以在将知识点串起来基础上，深化学习，当一个小项目练手...首先先按照上方的superbadge要求，安装一个unlocked package，然后导入到基础数据。导入以后数据以及表和基本的 component的壳子就都有了。一步一步进行分析。...通过 wire service或者Lightning Data Service实现和数据的交互，可以参考此篇文章： Salesforce LWC学习(五) LDS & Wire Service 实现和后台数据交互...可以参考此篇文章： Salesforce LWC学习(六) @salesforce & lightning/ui*Api Reference 预备工作，按照1操作中的步骤创建Message Channel...通过以上代码即可实现一个lwc的简单的app。 总结：篇中根据lwc superbadge进行了代码的整理，代码并非最优版，感兴趣小伙伴自行优化，篇中有错误欢迎指出，有不懂欢迎留言。
针对LWC中的LDS和aura中的功能原理很像，区别可能是语法和标签的区别。所以这里对LDS不做过多的描述，直接展开标签的用法。 LWC 封装了3个最基础的组件去和数据进行交互。...当我们没有指定ID的情况下，则这个类型默认是edit，即要创建一个object的记录；当有id情况下，默认是view。 layout-type： Compact / Full....除上述属性以外，lightning-record-view-form支持load事件，可用参数为data，存储的是记录的数据。详见上面的demo。下面的demo为使用此标签实现只读的数据。...此组件支持的方法和lightning-record-form基于edit模式下差不太多,同lightning-record-form一样，如果想要创建记录，只需要record-id为空即可。...我们称wire service在某种程度上是reactive的，原因是它提供了一个reactive的变量，我们使用$符号声明在变量前面，当这个变量改变以后，wire service将会获取一个新的版本的数据
好消息是随着salesforce的release对lwc的不断发力，越来越多的功能可以通过lwc来使用。...screenActionSample.js： 主要用于contact的获取数据以及编辑。这里面有两个关键点。...}) ); }); } } screenAction.html：这里我们看到一个新的组件的面孔...和aura弹出modal不同，aura的URL不会改变，lwc会改变URL，两边不统一，针对弹出modal以后的刷新操作，lwc加载数据等可能会有潜在的问题，需要测试和适配。...举个例子，上述的ScreenAction的demo，初始化弹出来是正常的，但是当你点击刷新按钮或者点击F5以后，页面将会进入假死状态，这种情况可能要考虑一下优化代码。
关联列表并不要求选择某些数据以后进行操作，只需要获取父记录ID即可。...比如account详情页面有一个 contact关联列表，需要在 contact关联列表做一个 contact的list button，这个 contact list button传参不需要传选择的数据...这个当时被我视为了首选方案，不管是后续需求变更，即使传递需要选择的数据也可以游刃有余，有途径来实现。...遇到的问题： 1. toast 不展示效果 2. close tab 不生效 原因为 lightning out场景下，lwc里面用标准的一些功能确实好多不支持，怀疑 lightning out使用了一个单独的...，原因是 refreshTab不只是刷新 tab这个小的区域，这个tab里面包含的内容将会重新的加载，所以千万不要在component生命周期中使用refreshTab从而造成死循环。
上一篇我们介绍了针对LWC中常用的LDS的适配的wire service以及@salesforce模块提供的相关的service，其实LWC中还提供其他的好用的service，比如针对导航相关的lightning...一. lightning/navigation 我们有好多场景会用到跳转操作，比如创建记录以后跳转到此记录详情页，点击连接跳转到下载页面或者直接下载文件，跳转到某个列表等等。...2）attribute：声明不同类型的PageReference创建PageReference需要配置不同的attribute，细节的attribute的配置同看上面链接。...我们在跳转或者自刷新时，有时需要传递参数，在LWC中上面也提到过使用state变量传递参数，我们在更新此变量前先了解一下相关的限制和要求。 pagereference对象已冻结，因此不能直接更改它。...方式去更新state,如果跳转到不同的页面，我们只需要创建plain PageReference的时候传进去即可，就不会有此点所说的限制。
接下来的几部分我们讲的主要是 lightning/ui*Api部分的wire adapter，其主要是为了扩充LDS标准以外的增强方法。LWC针对数据的操作以及解析如下图所示。...我们针对某个对象数据创建列表视图时，会进行相关的filter，展示某些固定的列，展示多少数据等操作。...name以及MRU（Most Recently Used）去获取数据.我们在每个表的list view中都有一个rencent view的视图，这个是标准的一个视图，LWC针对此视图有专门的取法。...5. createRecord(recordInput: Record)：此方法用于创建一条记录，其中Record我们需要使用wire service提供的generateRecordInputForCreate.../documentation/lwc/lwc.data_salesforce_write 6. updateRecord(recordInput, clientOptions)：同上方法，用于编辑一条记录
lightning-record-edit-form标签的运用 使用lightning-record-edit-form组件创建一个表单，该表单用于添加Salesforce记录或更新对象上现有记录中的字段...，因此用户只能看到他们有权访问的数据 Object API Name lightning-record-edit-form组件要求您指定object-api-name属性，以建立记录与对象之间的关系...如果记录发生更改，则仅当记录ID与指定的对象API名称一致时，组件才会提交更改。 如果存在不匹配，则用户会看到错误，指示API名称无效。... Creating a Record 不指定record-id，则新规做成一条数据... Returning the Record Id 创建成功后则返回数据
领取专属 10元无门槛券
手把手带您无忧上云
