Salesforce Lightning 项目实例页面_salesforce lightning怎么渲染页面-程序员宅基地

技术标签: Lightning Aura  Salesforce  

使用Lightning Aura 画页面

效果图如下
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
cmp代码如下

<aura:component controller="SalesOrderShowPageController"
    implements="force:appHostable,flexipage:availableForAllPageTypes,forceCommunity:searchInterface,lightning:actionOverride,lightning:hasPageReference,flexipage:availableForRecordHome,force:hasSObjectName,force:hasRecordId,force:lightningQuickActionWithoutHeader"
    access="global">
    <aura:handler name="init" action="{!c.doInit}" value="{!this}" />
    <aura:handler event="force:refreshView" action="{!c.doInit}" />
    <aura:attribute name="data" type="Object" />
    <aura:attribute name="showErrorClassQuantity" type="boolean" default="false" description="数量输入错误提示" />
    <aura:attribute name="IsRefresh" type="Boolean" default="false" />
    <aura:attribute name="errorMessage" type="String" />
    <aura:if isTrue="{!v.IsCssView}">
        <aura:html tag="style">
            .slds-backdrop {
            background: rgba(43, 40, 38, 0) !important;
            }
            .backgroundSpinner{
            background: rgba(0, 0, 0, 0) !important;
            }
            .modal-body {
            background: rgba(0, 0, 0, 0) !important;
            box-shadow: none !important;
            }
            .closeIcon {
            display:none !important;
            }
            .desktop {
            overflow: visible !important;
            }
        </aura:html>
    </aura:if>
    <aura:if isTrue="{!v.IsButtonView}">
        <aura:html tag="style">
            .slds-p-around--medium {
            padding: 0rem !important;
            }
            .slds-th__action {
            display: flex;
            padding: .25rem .5rem;
            height: 2rem;
            align-items: center;
            justify-content: center;
            }
            .slds-brand-band {
            display: flex;
            flex-direction: column;
            position: relative;
            height: 100%;
            width: 100%;
            }
        </aura:html>
        <div class="slds-col modal-body scrollable slds-p-around--medium" style="height: 100vh; max-height: 100%;">

            <lightning:card title="XXXX" iconName="standard:work_order">
                <aura:set attribute="actions">
                    <lightning:button iconName="utility:hide" variant="brand" iconPosition="left" label="显示/隐藏订单信息"
                        onclick="{!c.showQuery_btn}" />
                    <lightning:button label="返回" variant="brand" iconName="utility:back" iconPosition="left"
                        onclick="{!c.return_btn}" />
                </aura:set>

                <lightning:card aura:id="isShow">
                    <lightning:recordEditForm objectApiName="SalesOrder__c">
                        <!-- <lightning:messages /> -->
                        <div
                            class="test-id__section slds-section slds-is-open full forcePageBlockSection forcePageBlockSectionEdit">
                            <div class="test-id__section-content slds-section__content section__content"
                                id="{!GlobalId + '-Headarea'}">
                                <div class="slds-form form-horizontal slds-is-editing">
                                    <div class="slds-grid slds-gutters_small full cols-2 forcePageBlockSectionRow">
                                        <div
                                            class="slds-grid slds-col slds-is-editing slds-has-flexi-truncate full forcePageBlockItem forcePageBlockItemEdit">
                                            <lightning:inputField fieldName="Customer_Name__c"
                                                value="{}" aura:id="CusCode"
                                                variant="label-stacked" />
                                        </div>
                                        <div
                                            class="slds-grid slds-col slds-is-editing slds-has-flexi-truncate full forcePageBlockItem forcePageBlockItemEdit">
                                            <lightning:input label="单据日期起" type="date" aura:id="MakingTime"
                                                messageWhenTypeMismatch="" />
                                        </div>
                                        <div class="slds-grid slds-col slds-is-editing slds-has-flexi-truncate full forcePageBlockItem forcePageBlockItemEdit"
                                            id="getDom">
                                            <lightning:input label="单据日期迄" type="date" aura:id="MakingTimeEnd" class=""
                                                messageWhenTypeMismatch="" />
                                        </div>
                                        {!v.errorMessage}
                                        
                                        <div
                                            class="slds-grid slds-col slds-is-editing slds-has-flexi-truncate full forcePageBlockItem forcePageBlockItemEdit">
                                            <lightning:input label="xx" aura:id="ReleaseNoteNo" />
                                        </div>
                                         
                                        <div
                                            class="slds-grid slds-col slds-is-editing slds-has-flexi-truncate full forcePageBlockItem forcePageBlockItemEdit">
                                            <lightning:select name="select" label="XXX类型" required="true"
                                                aura:id="releaseTypeSelect">
                                                <aura:iteration items="{}" var="type">
                                                    <option text="{!type}" />
                                                </aura:iteration>
                                            </lightning:select>
                                        </div>
                                        <div
                                            class="slds-grid slds-col slds-is-editing slds-has-flexi-truncate full forcePageBlockItem forcePageBlockItemEdit">
                                            <div style="color: red;">注意:<br />
                                              XXXX
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div style="text-align: left; padding-left: 17px;">
                            <lightning:button label="查询" iconName="utility:search" iconPosition="left"
                                onclick="{!c.query_btn}" />
                            <lightning:button label="多条添加" iconName="utility:add" iconPosition="left"
                                onclick="{!c.chooseSales}" />
                        </div><br />
                    </lightning:recordEditForm>
                    <div class="slds-scrollable" style="width: 100%;height: 40vh; overflow: scroll;"
                        id="{!GlobalId + '-TEXTarea'}">
                        <!---->
                        <table class="slds-table slds-table_bordered slds-table_col-bordered slds-table_edit
                             slds-table_resizable-cols slds-no-cell-focus slds-table_fixed-layout" style="width: 165%;"
                            role="grid">
                            <thead>
                                <tr class="slds-line-height_reset"
                                    style="position: -webkit-sticky; position: sticky;top: 10px;">
                                    <th width="3%;" height="30px;" class="" scope="col">
                                        <span class="slds-assistive-text" title="Errors">Errors</span>
                                    </th>
                                    <th width="3%;" class="slds-text-align_center" scope="col" style="width:2rem">
                                        <span class="slds-truncate slds-th__action slds-th__action_form">
                                            <ui:inputCheckbox aura:id="check" change="{!c.checkAll_btn}"
                                                class="check" />
                                        </span>
                                    </th>
                                    <th width="3%;" height="30px;" class="slds-text-align_center" scope="col">
                                        <span class="slds-th__action slds-th__action_form">操作
                                        </span>
                                    </th>
                                    <th width="10%;" height="30px;"
                                        class="slds-text-align_center slds-is-sortable slds-is-sorted slds-is-sorted_desc"
                                        scope="col" aria-sort="descending">
                                        <span class="" title="xx">日期</span>
                                    </th>
                                    <th width="15%;" height="30px;" class="slds-text-align_center" scope="col">
                                        <span class="" title="xx">XX</span>
                                    </th>
                                    <th width="14%;" height="30px;" class="slds-text-align_center" scope="col">
                                        <span class="" title="xx"<
版权声明:本文为博主原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。
本文链接:https://blog.csdn.net/weixin_42213195/article/details/104008265

智能推荐

JVM内存模型&&垃圾回收_java 堆和 native 堆之间来回复制数据-程序员宅基地

文章浏览阅读189次。概述:虚拟机自动内存管理机制下,不再需要像C/C++程序开发程序员这样为内一个new 操作去写对应的delete/free操作,不容易出现内存泄漏和内存溢出问题。正是因为Java程序员把内存控制权利交给Java虚拟机,一旦出现内存泄漏和溢出方面的问题,如果不了解虚拟机是怎样使用内存的,那么排查错误将会是一个非常艰巨的任务运行时数据区域:Java虚拟机在执行Java程序的过程中会把它管理的内存..._java 堆和 native 堆之间来回复制数据

linux 开启审计服务,Linux审计服务Auditd systemctl重启问题解决-程序员宅基地

文章浏览阅读1.5k次。在RHEL7&&CentOS7时代,默认的服务通过systemd控制,并通过systemctl命令完成启停。但是并不是所有的服务都可以完美的通过systemctl来控制,比如今天要提到的Auditd编辑audit.rules添加规则后,当然要通过restart服务来重启生效,但是通过systemctl restart auditd就会报如下错误:[root@abc]# syste..._failed to restart auditd.service: operation refused, unit auditd.service may

设计模式17 - 中介者模式-程序员宅基地

文章浏览阅读259次。作者:billy版权声明:著作权归作者所有,商业转载请联系作者获得授权,非商业转载请注明出处中介者模式使用场景优缺点注意事项UML结构图代码实现..._中介者模式

【剑指offer】面试题18:树的子结构_{ *t=(bitree )malloc(sizeof(bitnode)); if(!*t) exi-程序员宅基地

文章浏览阅读552次。题目描述:输入两颗二叉树A,B,判断B是不是A的子结构。题目解析:_{ *t=(bitree )malloc(sizeof(bitnode)); if(!*t) exit(-1); (*t)->data

IIS占用CPU%问题排查方案 _排查iis消耗资源语句-程序员宅基地

文章浏览阅读2.6k次。有时候辛辛苦苦写个网站,挂到服务器上一看,CPU给百分百了,这种问题百分之八九十都是因为代码写有问题,而不是因为系统设置的问题,这种问题也比较难排查。但是结合一些工具也可以找到原因的,关于windbg的使用,好像有本关于.net调试的书,大家有兴趣可以看看,网上也有一些帖子,但关于ANTS Profiler的帖子就比较少了,大家也可以下载试用版来帮助解决问题1 准备日志1.1 _排查iis消耗资源语句

Springboot 项目导出word文档(文档内容包括数据以及服务器图片)_项目实体类批量导出到word-程序员宅基地

文章浏览阅读1.4w次。Springboot 项目freemarker导出word文档(文档内容包括数据以及服务器图片)前些天有需求要完成导出word文档功能,基础数据导出word文档,网上也能搜到很多源代码,但是我这边要求是服务器上的图片(只给出服务器图片路径,从服务器得到图片),前前后后加起来就不好内容了,网上并没有找到处理这种的代码和解决方式,只好自己写了,弄完了来记录下,防止以后再用.首先动手之前整理下思..._项目实体类批量导出到word

随便推点

SparkSql中的repartition 与 coalesce_spark sql repartition-程序员宅基地

文章浏览阅读3.9k次。SparkSql的repartition和coalesceSparkSql 写hive小文件后记repartition(numPartitions:Int)和coalesce(numPartitions:Int,shuffle:Boolean=false)作用:对RDD的分区进行重新划分,repartition内部调用了coalesce,参数shuffle为true例:RDD有N个分区,需要..._spark sql repartition

【Android】帧动画(Drawable Animation)_帧动画 一个drawable-程序员宅基地

文章浏览阅读650次。今天总结下帧动画 原理: 对几张图片按照顺序一张一张进行播放,视觉上感觉是连续播放的动画效果。 一.步骤: 1.在res/drawable放入几张图片 2.在res/drawable下新建一个drawable resource file,比如命名为gril_animation.xml,根节点选择animation-list,点击ok 3.编辑gril_animation.xml文件_帧动画 一个drawable

树莓派python交互界面实例_树莓派综合项目2:智能小车(二)tkinter图形界面控制...-程序员宅基地

文章浏览阅读858次。一、介绍树莓派综合项目2:智能小车(一)四轮驱动中,实现了代码输入对四个电机的简单控制,本章将使用Python 的图形开发界面的库——Tkinter 模块(Tk 接口),编写本地运行的图形界面,控制小车的前进后退、转向和原地转圈。Tkinter是Python的标准GUI库,Python使用Tkinter可以快速的创建 GUI 应用程序。由于 Tkinter 是内置到 python 的安装包中、只要..._树莓派 例子 交互

Yarn install报错 【错误: 找不到或无法加载主类 install】_yarn install error: could not find or load main cl-程序员宅基地

文章浏览阅读6.5k次,点赞4次,收藏12次。今天要运行一个项目,首先在初始配置阶段要执行 yarn install 结果出现了下面的报错: 执行 yarn --version报错如下: 执行 yarn version结果如下: 网上查资料的时候看到一篇相关的文章,可以参考解决问题: 这也是我尝试解决问题的思路,这里给出来的说法是,原始的java安装环境里面已经有yarn了,新安装的yarn的环境变量需要放在它前面。 接下来下载yarn,我是在..._yarn install error: could not find or load main class install

CSS实现div竖向排版_div竖着排列-程序员宅基地

文章浏览阅读2.3k次。1.最多显示四行,自动换列 2.均分成3列_div竖着排列

数学系教材推荐-程序员宅基地

文章浏览阅读323次。 解析几何解析几何有被代数吃掉的趋势,不过就数学系的学生而言,还是应该好好学一下,我大一没有好好学,后来学别的课时总感觉哪里有些不太对劲,后来才发现是自己的数学功底尤其是几何得功底没有打好。1吴光磊《解析几何简明教程》高等教育出版社写的简单明了,我基础没有打好,快速翻了一下这本书收获还是不少的。不过打基础的时候还是从下面三本选一本看,把这本当参考书。2《解析几何》丘维声,北京大...

推荐文章

热门文章

相关标签