Lightning选项卡上未显示Lightning组件 - 腾讯云开发者社区

如果可能，关闭在客户端设备上运行的其他应用程序。如果可能，将浏览器设置重置为原始默认设置。删除未使用或不必要的浏览器插件和扩展。将客户端设备升级到具有更多处理能力和内存的模型。...释放这些资源使浏览器和操作系统的资源管理更加高效，允许浏览器和操作系统在经常使用的应用程序(如Lightning Experience)上花费更多的时间和系统资源。...将页面上的元素(包括字段、相关列表和自定义组件)分解为选项卡。在第一个选项卡上显示最需要的信息，并将辅助信息移动到后面的选项卡上。将不太重要的组件移动到一个或多个Lightning页面选项卡之后。...不在主选项卡中的组件不会在初始页面加载中呈现，而是只按需呈现。例如，将新闻和Twitter组件移动到次要的“新闻”选项卡。所示。细节:将细节组件放置在辅助选项卡中，或者减少显示在细节面板中的字段。...这将对组件的呈现时间产生线性影响。所示。相关列表:将相关列表组件放在辅助选项卡中，可以使用新的“相关列表”组件在主页面上显示一个或两个关键的相关列表。将相关列表的数量减少到3个或更少。

1.9K2 0

salesforce lightning零基础学习(十三) 自定义Lookup组件（Single & Multiple）

上一篇简单的介绍了自定义的Lookup单选的组件，功能为通过引用组件Attribute传递相关的sObject Name，捕捉用户输入的信息，从而实现搜索的功能。...p0=04t0I000000f7Ts 安装后访问https://.lightning.force.com/auradocs/reference.app，将myDomain 换成你自己的...domain，然后切换到Components -> aura -> c -> CommonLookUp 即可看到此组件的用法以及相关Attribute的描述。...总结：此公用组件作为第一版还有很多不成熟的地方以及没有进行特别多的测试，欢迎大家下载测试。篇中或者代码中如果有错误的地方欢迎指出，有不懂的欢迎留言。...如果小伙伴们觉得关于LookUp组件有需要强化的点，欢迎留言，集思广益，使组件公用型变得更强。

6214 0

您找到你想要的搜索结果了吗？

是的

没有找到

salesforce lightning零基础学习(十二) 自定义Lookup组件的实现

本篇参考：http://sfdcmonkey.com/2017/01/07/custom-lookup-lightning-component/，在参考的demo中进行了简单的改动和优化。...此篇主要内容为lightning下使用aura框架的公用Lookup组件的实现。本篇中的组件主要有以下几个功能： 1. 当输入两位以上字符情况下，从后台数据库检索并且放在搜索框列表中展示； 2....创建svg.component，用于显示slds提供的icon svg.component 1 2 3 4. customLookUpResult.cmp：用于显示搜索出来的结果的每个单元的展示组件...v.selectedUser}" objectType="User"/> 4 lightning:button onclick="{!

5362 0

salesforce lightning零基础学习(十六) 公用组件之获取字段label信息

但是我们在lightning aura中开发却发现这个常用的功能并没有包含，好吧，既然没有现成可用的那我们就要有workaround的方式去后台获取。...此篇主要封装好组件去实现获取某个object或者某些object相关字段的label。...那我们来开始进行这个组件的开发，开发以前我们需要先思考一下，组件化的东西，传参应该是什么，返回应该是什么，应该实现哪些功能解决哪些痛点。如何用到更好的优化。...公用组件测试 FieldLabelTestComponent：用于引入公用组件，并且初始化获取Account/Contact的field label。...总结：篇中简单的介绍了针对aura情况下获取field label的公用组件的实现。篇中有错误的地方欢迎指出，有不懂的欢迎留言，有可以优化的地方欢迎交流并且鼓励优化。

7082 0

可能是Salesforce与Microsoft Dynamics 365的最全面的比较

此文章中的屏幕截图仅限Lightning。通用导航 Salesforce在屏幕顶部显示不同的对象作为选项卡。具有相似角色的每组用户可以拥有自己的一组（或多组）选项卡，如“应用程序”所定义。...应用程序是按特定顺序显示在屏幕上的选项卡集合。应用启动器显示用户可用的应用。 ? 单击应用程序中的选项卡时，默认列表是对象的“最近查看”记录。浏览器窗口顶部有一个全局搜索框。 ?...记录导航在每个记录中，有一个“详细信息”选项卡，显示当前记录的字段（以及父记录中的可选字段）。 “相关”选项卡显示子对象的记录概要信息。活动信息位于屏幕右侧的布局中。 ?...Salesforce的高级开发正在传统的Apex + Visualforce和新的Lightning组件之间进行转换。 Salesforce Enterprise和Unlimited具有多个API。...Lightning Professional及更高版本包括可自定义仪表板。可以在选项卡上将多个基于报表的图表集合作为不同的仪表板进行排列。

6.4K4 0

salesforce lightning零基础学习(十五) 公用组件之获取表字段的Picklist(多语言)

的values然后使用select option进行渲染成下拉列表，此篇用于实现针对指定的sObject以及fieldName(Picklist类型)获取此字段对应的所有可用的values的公用组件。...公用组件调用上面介绍了公用组件以后，下面的demo是如何调用。...lightning:layoutItem> 17 18 lightning:layoutItem flexibility="auto" padding="around-small...lightning:layoutItem> 25 lightning:layout> 26 27 SimplePicklistDemoController.js...总结：篇中介绍了Picklist values针对with/without record type的公用组件的使用，感兴趣的可以进行优化，篇中有错误的欢迎指出，有不懂的欢迎留言。

6312 0

salesforce lightning零基础学习(二) lightning 知识简单介绍----lightning事件驱动模型

在新建的lightning component名称处右键，便可以新建出来此lightning component bundle其他的组件，比如controller.js,helper.js等组件，如下图所示...：一组按钮 lightning:buttonMenu/lightning:menuItem: 一个drop-down 列表展示action 导航组件 lightning:breadcrumb/lightning...:avatar: 对象的可视化表示（一个图像） lightning:badge：包含少量信息的文本块标签 lightning:datatable：显示table布局 lightning:dynamicIcon...：动画效果icon lightning:helptext： hover后提示信息效果 lightning:icon：显示一个图标 lightning:pill：展示一个显示X号的内容，可以显示或者不显示...lightning:progressBar：展示一项操作的进程条 lightning:progressIndicator：进程指示器，显示进程线 lightning:spinner: 显示Loading

1.6K3 0

salesforce lightning零基础学习(二) lightning 知识简单介绍----lightning事件驱动模型

1K0 0

Salesforce学习 Lwc（一） lightning-record-edit-form标签

lightning-record-edit-form标签的运用使用lightning-record-edit-form组件创建一个表单，该表单用于添加Salesforce记录或更新对象上现有记录中的字段...对象API名称必须适合于组件的使用。例如，如果在顾客的记录页面上包含lightning-record-edit-form，请设置object-api-name =“ Account”。...Supported Objects 该组件不支持所有Salesforce标准对象。...> Prepopulating Field Values 要在表单显示时提供自定义字段值，请在lightning-input-field上使用value属性例1 <template...this.showFields; } } 有条件的显示字段例2 lightning-record-edit-form record-id={recordId

1.4K2 1

Salesforce学习 Lwc（三）自定义开发时进行Validation验证

我们在使用【lightning-record-edit-form】标签开发过程中，表单提交之后，画面输入的内容不符合要求时，error信息显示在项目上。...例：必须项目未输入 image.png lwc代码如下： lightning-record-edit-form record-id={recordId} object-api-name...="Opportunity" onsubmit={handleSubmit}> lightning-messages>lightning-messages> lightning-layout...field.reset(); }); } } } 这种情况，跟标准UI有一定的区别，下边是标准UI，如图所示，画面头部也有显示...image.png 解决方法：首先开发error显示用lwc画面，然后在表单提交按钮上增加【onclick】事件，因为onclick事件会优先于onsubmit被执行。

9021 0

Salesforce学习 CommunityCloud（八）实现自定义error页面跳转

上一篇讲了自定义LogoutPage跳转，在我们正常开发过程中还会遇到需要跳转到自定义的error画面，例如当我们在Lwc中更新某个项目，但是在当前User下，没有更新权限，这样就需要跳转到自定义的Error...画面，实现方法是首先做成一个VisualforcePage，用来显示error信息或者固定文言，然后在Community的Error Page装载VisualforcePage,最后在更新处理的方法实现调整...optionsStageNameTempValues.push({ label: '-', value: '' }); optionsStageNameTempValues.push({ label: '未割当...', value: '未割当' }); optionsStageNameTempValues.push({ label: '方針策定', value: '方針策定' });...', value: '未割当' }); optionsStageNameTempValues.push({ label: '方針策定', value: '方針策定' });

4281 0

Salesforce LWC学习(四十) dynamic interaction 浅入浅出

使用Dynamic Interaction，Lightning页面上某个组件中发生的事件，例如用户单击列表视图中的某个item，可以更新页面上的其他组件。...Dynamic Interactions允许管理员使用基于用户交互的组件创建应用程序，所有这些组件都在Lightning App Builder UI中进行通信和转换。...当目标组件的属性显示在事件属性编辑器中时，将忽略目标组件中的信息组件。如果为包含动态交互的页面切换页面模板，则可用模板列表仅显示支持动态交互的模板。...组件的事件元数据在Lightning页面上使用或作为托管包的一部分发布后，不允许进行某些破坏性更改，例如删除事件、重命名属性或更改属性类型。有什么限制呢？...这里选中了 propertyTileSummary组件以后，右侧就可以显示 Interaction 这个 Tab，我们就可以点击 Add Interaction去设置 dynamic interaction

9763 0

Salesforce LWC学习(四十六) record-picker组件浅谈

除此以外，有时还需要考虑其他的问题，比如通过哪个字段进行搜索，显示哪个字段，UI效果稳定性等等。现在我们就不用有这样的顾虑了，因为 lightning-record-picker来了。...一. lightning-record-picker lightning-record-picker组件允许你基于输入的内容返回所对应的数据列表并且直接进行渲染，使用 GraphQL wire adapter...object-api-name="Account"> lightning-record-picker> 效果显示：这个UI效果，如果做过 custom lookup组件的小伙伴应该很熟悉...Display: 默认我们会显示搜索的Name字段的值，如果我们需要显示其他的值，我们可以通过display-info属性来实现。...以前我们做这种自定义的组件会耗时耗力，现在就比较容易了。我们直接看代码。

2821 0

Salesforce FileUpload（七）如何实现头像框四周显示进度条

image.png 需求：头像框四周显示进度条，用于查看信息完整度。 Lwc提供的如下标签，可以显示类似圆形进度条，但是我们需要的是在头像的周围显示，显然利用提供的标签无法实现。...75" variant="warning"> lightning-progress-ring> image.png 解决方法：开发新的组件，用于显示情报完整度，并显示上传的图片...background-repeat: no-repeat; } .img-style { border-radius: 50%; margin-top: 1%; margin-left: 1%; } 调用新做成的组件...lightning-layout> lightning-layout...> lightning-layout> lightning-layout-item

5634 0

Salesforce LWC学习(四十五) lwc支持Console App控制Tab了

name="result" type="String"> lightning:card> lightning:buttonGroup>...c.showTabInfo}" label="显示Tab信息">lightning:button> lightning:button onclick="{!...c.changeTabInfo}" label="更改Tab信息">lightning:button> lightning:button onclick="{!...}) .catch(function(error) { console.log(error); }); }, }) 将组件放在...lightning-button onclick={showTabInfo} label="显示Tab信息">lightning-button> lightning-button

2811 0

Salesforce 自定义List Button(二) VfPage如何打开Lwc

image.png 上一篇做成的ListButton可以直接打开VfPage，VfPage也可以引用Lwc，从而实现打开Lwc画面的做法。...lightning-layout> lightning-accordion-section> lightning-accordion>...event.detail.id; } handleClose() { window.location.assign('/003'); } } 2.application Aura组件做成...，用来装载Lwc组件 newContactInfoApp.app 3.修改VfPage，引用上边的Aura和Lwc组件。

8310 0

Salesforce学习 Lwc（九）【数据初期取得与更新】运用详解

', value: '未割当' }); optionsStageNameTempValues.push({ label: '方針策定', value: '方針策定' });...ち', value: '申込済・計上待ち' }); optionsStageNameTempValues.push({ label: '成立', value: '成立' });...', value: '未割当' }); optionsStageNameTempValues.push({ label: '方針策定', value: '方針策定' });...ち', value: '申込済・計上待ち' }); optionsStageNameTempValues.push({ label: '成立', value: '成立' });...', value: '未割当' }); optionsStageNameTempValues.push({ label: '方針策定', value: '方針策定' });

1.1K4 0

Salesforce FileUpload（四）导入静态资源并显示自定义头像框

image.png 我们在项目中，会遇到顾客详细画面，或者用户详细画面需要显示头像功能，下面使用lwc开发一个如下图的自定义组件。...lightning-layout> lightning-layout...> lightning-layout> lightning-layout-item...} .img-style { border-radius: 50%; margin-top: 1%; margin-left: 1%; } 3.使用Apex类，取得相应信息，开发一个父组件...，并且调用上边做好的子组件，用来显示头像框以外的信息。

5642 0

salesforce lightning零基础学习(七) 列表展示数据时两种自定义编辑页面

上一篇Lightning内容描述的是LDS，通过LDS可以很方便的实例化一个对象的数据信息。...popover显示效果如下： ?...列表使用Card样式展示，点击Edit图标覆盖原View布局显示Edit布局，点击Save以后显示View布局的List样式。...：用于点击编辑按钮，显示SimpleAccountEdit组件； 1 ({ 2 handleClick : function(component, event, helper) { 3...} 15 }); 16 } 17 }) 5.SimpleAccountListUsingModal.cmp: 用于列表循环simpleAccountUsingModal组件

9454 0

你需要了解的Salesforce Lightning Editions

当Salesforce去年发布全新的Lightning Experience时候，这是一个大新闻，相信一定有很多人已经急于放弃原有的界面来使用Lightning，Lightning有非常好的体验，并正变的越来越好...已经有9万个用户开始使用Lightning Experience，它很受欢迎。现在Salesforce利用Lightning的品牌发布了新的产品包，Lightning Editions。...这个屏幕截图，来自Salesforce的FY17 Kickoff上的视频，展示了销售云Lightning Editions中新的令人激动的功能组件 - 最引人注目的是专业版的大幅度改进。...虽然在上图中没有显示，但视频中还提到，因为收购了SteelBrick CPQ，Salesforce提供完整的lead to Cash的方案。...在这些特性基础上，Salesforce暗示会有一个新的社区云Lightning Cloud，将会包含新的Lightning社区模板，Lightning社区管理，以及集成的Live Agent让客户支持流程更加顺畅

8133 0

点击加载更多

扫码

添加站长进交流群

领取专属 10元无门槛券

手把手带您无忧上云

在Salesforce Lightning Experience（闪电体验）提高性能和速度

salesforce lightning零基础学习(十三) 自定义Lookup组件（Single & Multiple）

salesforce lightning零基础学习(十二) 自定义Lookup组件的实现

salesforce lightning零基础学习(十六) 公用组件之获取字段label信息

可能是Salesforce与Microsoft Dynamics 365的最全面的比较

salesforce lightning零基础学习(十五) 公用组件之获取表字段的Picklist(多语言)

salesforce lightning零基础学习(二) lightning 知识简单介绍----lightning事件驱动模型

salesforce lightning零基础学习(二) lightning 知识简单介绍----lightning事件驱动模型

Salesforce学习 Lwc（一） lightning-record-edit-form标签

Salesforce学习 Lwc（三）自定义开发时进行Validation验证

Salesforce学习 CommunityCloud（八）实现自定义error页面跳转

Salesforce LWC学习(四十) dynamic interaction 浅入浅出

Salesforce LWC学习(四十六) record-picker组件浅谈

Salesforce FileUpload（七）如何实现头像框四周显示进度条

Salesforce LWC学习(四十五) lwc支持Console App控制Tab了

Salesforce 自定义List Button(二) VfPage如何打开Lwc

Salesforce学习 Lwc（九）【数据初期取得与更新】运用详解

Salesforce FileUpload（四）导入静态资源并显示自定义头像框

salesforce lightning零基础学习(七) 列表展示数据时两种自定义编辑页面

你需要了解的Salesforce Lightning Editions

扫码

相关资讯

热门标签

活动推荐

运营活动

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐