课程章节介绍
好,今天我们来看看怎么用 Lightning Web Components 来创建新记录。其实它和编辑记录的模式几乎一模一样,你只要记住一个关键的区别就行。
创建记录的时候,你不需要那个 `record-id` 属性。对,直接把它省掉。`lightning-record-form` 这个基本组件很聪明,一旦发现你没有传记录 ID,它就会自动从编辑模式切换到创建模式。你什么都不用额外设置。
如果你想用更灵活的自定义布局,那就用 `lightning-record-edit-form`。它在创建模式下,用起来也和编辑时完全一样,只是不绑定某个具体记录而已。
有时候我们需要预填充一些字段。这可以怎么做呢?有两种方式:一种是在标签里直接写死,比如给某个字段一个默认值;另一种是通过 JavaScript 属性来动态赋值——这样做的好处是,字段值可以通过代码随意改,比如根据用户的选择或者前面的操作来自动填充。
事件处理也是老面孔。创建记录一样会触发那四个自定义事件:`error`、`load`、`submit` 和 `success`。你只要像编辑时那样监听就好,不用学新东西。
有个小惊喜是,当你通过 `lightning-record-form` 成功创建一条记录后,表单会自动变成查看模式,并且在右上角出现那个小铅笔图标——也就是内联编辑直接可用了。用户点一下就能改,非常方便。
那取消按钮呢?它的重置逻辑和编辑时一样:你需要用 `querySelectorAll` 找到所有输入字段组件,然后挨个调用它们的 `reset()` 方法,让表单回到初始状态。这个操作没变,你以前怎么写,现在还怎么写。
总结下来,创建新记录就是把编辑的那套东西拿过来,去掉记录 ID,其他该咋用还咋用。这样学起来是不是轻松多了?
关键词
LWC
Lightning Web Components
Salesforce