salesforce lightning 入门(一)

本文参考自原文:

salesforce lightning零基础学习(三) 表达式的!(绑定表达式)与 #(非绑定表达式)

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

原文作者写的很详细,我只是copy过来,稍加改动,如有侵权,请联系我。

 

Lightning

  1. aura:id

A local ID is an ID that is only scoped to the component. A local ID is often unique but it’s not required to be unique.

e.g.

<lightning:button aura:id="button1" label="button1"/>

Note: aura:id doesn't support expressions. You can only assign literal string values to aura:id.为了避免出错,所以一般都用aura:id而不是用html 标签自带的id属性,避免出错。

  1. Component

一个component是一个包含了定义着的资源信息,标签,也可以包含表达式或者是其他可选的资源,比如controller属性信息,stylesheet等信息。lightning component中头标签为<aura:component>,所有的内容均需要在此内容中编写。一个component中也可以嵌套其他的component,父、子的component引用时,父的style sheet样式会影响到子。

    1. implements="force:appHostable"

创建一个componet用于自定义的lightning tab;

    1. implements="flexipage:availableForAllPageTypes"and access="global"

创建一个component用于lightning page或者用于lightning app builder;

    1. implements="flexipage:availableForRecordHome,force:hasRecordId" and access="global" 

创建一个component用于lightning的记录home page,此种方式可以直接应用当前记录的ID;

    1. implements="forceCommunity:availableForAllPageTypes" and access="global" 

创建一个component用于Community Builder;

    1. implements="force:lightningQuickAction"

创建一个component用于quick action。

  1. Lightning Component 基础知识
    1. 部分页面元素
      1. <aura:attribute>

此标签用于声明Component中需要引用的内容信息的变量。

      1. <aura:registerEvent>

此标签用于引入自定义的注册事件。

      1. <aura:handler>

此标签用于处理自定义的注册事件以及标准的事件,比如初始化(init)等handler。

      1. <ltng:require>

 此标签用于引入静态资源

      1. 元素标签

lightning封装了很多元素标签,常用的可以归纳为容器(container)元素,按钮(button)元素,导航(navigation)元素,可视化(Visual)元素,字段(Field)元素以及格式化(format)元素。

    1. 元素详解
      1. <aura:attribute>

lightning中,Component attribute很像apex中的成员变量,他们可以使用表达式语句应用在组件元素标签中进行信息渲染。

attribute必须有两个属性:name以及type, aura:attribute写法如下.

<aura:component>

    <aura:attribute name="testAttribute" type="string" default="test"/>

    test for {!v.testAttribute}

</aura:component>

 

上面的demo声明了一个类型为string的attribute,名称为testAttribute。组件如果引用相关的属性信息,引用方式为{!v. + attributeName}。lightning中,使用"v"去访问attribute内容(v可以简单的理解成view)。如果想要在后面设置attribute的值,也可以通过<aura:set attribute="anotherTestAttribute">来更改attribute值,aura:set通常可以和<aura:if>标签一起使用。

 attribute的type基本涵盖了所有的类型,type取值如下:

基本类型:

  • Boolean:定义一个布尔类型attribute。eg:<aura:attribute name="showDetail" type="Boolean" />
  • Date:定义一个日期类型,不含Time,默认格式:YYYY-MM-dd。 eg: <aura:attribute name="startDate" type="Date" />
  • Datetime:定义一个日期类型,含Time。eg:<aura:attribute name="lastModifiedDate" type="DateTime" />
  • Decimal:定义一个浮点型小数,比Double类型更容易接收currency类型的数据。eg:<aura:attributename="totalPrice" type="Decimal" />
  • Double: 定义一个double类型小数,通常可以被Decimal替代
  • Integer:定义一个整数类型。eg:<aura:attribute name="
  • 0
    点赞
  • 9
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值