本文参考自原文:
salesforce lightning零基础学习(三) 表达式的!(绑定表达式)与 #(非绑定表达式)
salesforce lightning零基础学习(二) lightning 知识简单介绍----lightning事件驱动模型
原文作者写的很详细,我只是copy过来,稍加改动,如有侵权,请联系我。
Lightning
- 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属性,避免出错。
- Component
一个component是一个包含了定义着的资源信息,标签,也可以包含表达式或者是其他可选的资源,比如controller属性信息,stylesheet等信息。lightning component中头标签为<aura:component>,所有的内容均需要在此内容中编写。一个component中也可以嵌套其他的component,父、子的component引用时,父的style sheet样式会影响到子。
-
- implements="force:appHostable"
创建一个componet用于自定义的lightning tab;
-
- implements="flexipage:availableForAllPageTypes"and access="global"
创建一个component用于lightning page或者用于lightning app builder;
-
- implements="flexipage:availableForRecordHome,force:hasRecordId" and access="global"
创建一个component用于lightning的记录home page,此种方式可以直接应用当前记录的ID;
-
- implements="forceCommunity:availableForAllPageTypes" and access="global"
创建一个component用于Community Builder;
-
- implements="force:lightningQuickAction"
创建一个component用于quick action。
- Lightning Component 基础知识
- 部分页面元素
- <aura:attribute>
- 部分页面元素
此标签用于声明Component中需要引用的内容信息的变量。
-
-
- <aura:registerEvent>
-
此标签用于引入自定义的注册事件。
-
-
- <aura:handler>
-
此标签用于处理自定义的注册事件以及标准的事件,比如初始化(init)等handler。
-
-
- <ltng:require>
-
此标签用于引入静态资源
-
-
- 元素标签
-
lightning封装了很多元素标签,常用的可以归纳为容器(container)元素,按钮(button)元素,导航(navigation)元素,可视化(Visual)元素,字段(Field)元素以及格式化(format)元素。
-
- 元素详解
- <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="