SalesForce开发实例(四)

数据增删改查以及表示

新建/修改数据:

1) 利用lightning-record-form标签。

下面的例子中,可以根据fields获取要表示的对象,并在页面表示。

表示形式为:标签名 根据数据形式展示(例:用户名 文本框)

在所有表示项目的最下方会显示保存/放弃按钮。

例:

HTML:

<lightning-record-form if:false={edit} 编辑/创建判断,此条件成立,编辑不表示

object-api-name={objName}

fields={fields}

onsuccess={handleSuccess} 点击保存时的方法

oncancel={popupClose}> 放弃时的方法

</lightning-record-form>

<lightning-record-form if:true={edit}编辑/创建判断,此条件成立,新建不表示

record-id={recordid} 需要编辑数据的ID(新建对象时自动生成,须在后台获取)

object-api-name={objname}

fields={fields}

mode="edit" 标明为编辑

onsuccess={handleSuccess}

oncancel={popupClose}>

</lightning-record-form>

JS:

import { LightningElement , api } from 'lwc'; import OBJECT_NAME from '@salesforce/schema/对象名'; import NAME_FIELD from '@salesforce/schema/对象名.字段名';

export default class TestChild extends LightningElement {

objName = OBJECT_NAME;

fields = [NAME_FIELD,略];

}

如果只是作为内容展示,可以直接用以下方式:

HTML:(variant="label-hidden"为不显示标签)

<lightning-record-view-form

record-id={recordId}

object-api-name="对象名">

<lightning-output-field field-name="字段名" variant="label-hidden"></lightning-output-field>

</lightning-record-view-form>

删除/表示数据

需要APEX的支持

连接APEX

Js中添加如下代码:

import 方法名(自定义) from '@salesforce/apex/cls名.方法名';

对应的js方法中调用上记方法名(自定义):

方法名(自定义)({cls方法参数名: 参数, 略})

如果不需自定义方法,获取数据:

Js中添加如下代码:

import { LightningElement, wire } from 'lwc';

import { getRecord } from 'lightning/uiRecordApi';也可使用上记自定义方法

const fields = [

'对象名.字段名',

];需要获取的字段

export default class test extends LightningElement {

recordId;

@wire(getRecord, { recordId: '$recordId', fields })也可参照上记自定义的写法

record; 同时获取recordId 也可写为以下方式

/* 和上记区别在于下面的写法可以对取得的数据进行编辑,上记获取的结果集为record.data,以下可以直接获取结果集

getRecord({ error, data }) {

if (error) {

// TODO: handle error

} else if (data) {

// TODO:

}];

}

}

*/

}

©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

  • 如果要开发自己的项目,首先需要在SalesForce中创建自己的工程,LWC其实就类似于网页上的插件。 在Sale...
    Doublelsl阅读 467评论 0 0
  • 1 开发预览   当你刚开始接触Salesforce开发,可能会有一些困惑,之前传统开发过程中遇到的问题(服务器配...
    jun0718阅读 12,137评论 7 20
  •   接着上一节的内容继续开始吧! 2.4 Page   Visual Page类似于普通Web Page,包含的内...
    jun0718阅读 4,371评论 0 10
  • 概要 网上找不到其他好的复习笔记,自己按照考纲做一个,查缺补漏, 如需转载请表明出处 要点分解 SalesForc...
    柯小强阅读 2,925评论 0 6
  • Salesforce对权限的设置非常灵活,颗粒度比较细,可具体到字段的读写权限。总体是‘循序渐进的漏斗式权限控制’...
    bittrree阅读 1,540评论 0 0

友情链接更多精彩内容