<apex: outputLink> Visualforce 页面中的组件

17 Mar 2025 | 6 分钟阅读

<apex:outputLink> 组件是 Visualforce 中用于指定 URL 链接的最重要组件之一。 <apex:outputLink> 组件被渲染为带有 href 属性的锚点标签。

我们使用嵌套的 <apex: param> 组件将请求参数添加到 <apex: outputLink> 组件。

此组件也支持使用 "html-" 前缀的 HTML 直通属性。

此组件必须始终是 <apex: form> 组件的子组件。

<apex: outputLink> 组件具有以下属性

1. accesskey

accesskey 属性是字符串类型，用于指定将输出链接置于焦点状态的快捷键。

语法

2. charset

charset 属性是字符串类型，用于指定将用于对指定 URL 进行编码的字符集。默认情况下，它的值设置为 "ISO-8859"。

语法

3. coords

coords 属性是字符串类型，用于指定屏幕上热点的位置和形状，该热点用于 <apex: outputLink> 组件。

语法

4. dir

dir 属性是字符串类型，用于指定应读取生成的 HTML 组件的方向。 LTR 和 RTL 是此属性的两个可能值。

语法

5. disabled

disabled 属性是布尔类型，用于指定是否应以禁用状态显示此组件。默认情况下，它的值设置为 false。

语法

6. hreflang

hreflang 属性是字符串类型，用于指定将用于此输出链接引用的资源的基准语言。值可以是 "en" 或 "en-US" 等。

语法

7. id

id 属性是字符串类型，用于允许其他页面上的组件引用此组件。

语法

8. lang

lang 是字符串类型，用于指定将用于生成的 HTML 输出的基准语言。值可以是 "en" 或 "en-US" 等。

语法

9. onblur

onblur 属性是字符串类型，用于在发生 onblur 事件或仅当焦点移出输出链接时调用 JavaScript 方法。

语法

10. onclick (点击)

onclick 属性是字符串类型，用于在发生 onclick 事件或仅当用户单击输出链接时调用 JavaScript 方法。

语法

11. ondblclick (双击)

ondblclick 属性是字符串类型，用于在发生 ondblclick 事件或仅当双击输出链接时调用 JavaScript 方法。

语法

12. onfocus (获得焦点)

onfocus 属性是字符串类型，用于在发生 onfocus 事件或仅当焦点位于输出链接上时调用 JavaScript 方法。

语法

13. onkeydown (键盘按下)

onkeydown 属性是字符串类型，用于在发生 onkeydown 事件或仅当用户按下键盘键时调用 JavaScript 方法。

语法

14. onkeypress (键盘按键)

onkeypress 属性是字符串类型，用于在发生 onkeypress 事件或仅当用户按住或按下键盘键时调用 JavaScript 方法。

语法

15. onkeyup (键盘释放)

onkeyup 属性是字符串类型，用于在发生 onkeyup 事件或仅当用户释放键盘键时调用 JavaScript 方法。

语法

16. onmousedown (鼠标按下)

onmousedown 属性是字符串类型，用于在发生 onmousedown 事件或仅当用户按下鼠标按钮时调用 JavaScript 方法。

语法

17. onmousemove (鼠标移动)

onmousemove 属性是字符串类型，用于在发生 onmousemove 事件或仅当用户移动鼠标指针时调用 JavaScript 方法。

语法

18. onmouseout (鼠标移出)

onmouseout 属性是字符串类型，用于在发生 onmouseout 事件或仅当用户将鼠标指针移出输出链接时调用 JavaScript 方法。

语法

19. onmouseover (鼠标悬停)

onmouseover 属性是字符串类型，用于在发生 onmouseover 事件或仅当用户将指针移到输出链接上时调用 JavaScript 方法。

语法

20. onmouseup (鼠标释放)

onmouseup 属性是字符串类型，用于在发生 onmouseup 事件或仅当用户释放鼠标按钮时调用 JavaScript 方法。

语法

21. rel

rel 属性是字符串类型，用于指定当前文档与此输出链接指定的 URL 之间的关系。此属性的值是一个以空格分隔的链接类型列表。

语法

22. rev

rev 属性是字符串类型，用于指定当前文档与此输出链接指定的 URL 之间的反向链接。此属性的值是一个以空格分隔的链接类型列表。

语法

23. rendered

rendered 属性的类型为布尔值，用于指定此组件是否在页面上呈现。默认情况下，其值设置为 true。

语法

24. style

style 属性是字符串类型，用于指定将应用于它的 CSS。内联 CSS 用作此属性的值。

语法

25. styleClass

styleClass 属性是字符串类型，用于指定将应用于它的外部 CSS 样式表以显示输出链接。

语法

26. tabindex

tabindex 属性是字符串类型，用于指定当用户反复按 Tab 键时，与其他页面组件相比，此按钮被选中的顺序。

语法

27. title

title 属性是字符串类型，用于指定当鼠标悬停在此组件上时将显示为工具提示的文本

语法

28. target

target 属性是字符串类型，用于指定此输出链接检索的资源应在其上显示的框架的名称。

语法

29. type

type 属性是字符串类型，用于指定此 outputLink 指定的资源的 MIME 内容类型。

语法

30. value

value 属性是字符串类型，用于指定将作为其标签显示在 outputLink 上的文本。

语法

让我们举个例子来了解如何在 VF 页面中使用 apex:outputLink 组件

ApexOutputLinkExample.vfp

<!-- create apex page with custom controller-->
<apex:page controller="ApexOutputLinkController">
    <!-- use apex form to show the accounts and contacts table-->
    <apex:form >
        <apex:pageBlock title="Account/Contact Information">
            <!-- output link that is responsible for showing accounts in the table-->
            <apex:outputLink value="#" onclick="findAccounts();">Show Accounts</apex:outputLink>
            
            <!-- output link that is responsible for showing contacts in the table-->
            ��<apex:outputLink value="#" onclick="findContacts();">Show Contacts</apex:outputLink>
            
            
            <apex:actionFunction action="{!getAccounts}" name="findAccounts"/>
            <apex:actionFunction action="{!getContacts}" name="findContacts"/>
            
            <apex:pageBlockSection  rendered="{!IF(accounts.size>0, true, false)}">
                <!-- create a table for showing accounts information -->   
                <apex:pageBlockTable value="{!accounts}" var="acc">
                    <apex:column value="{!acc.Name}"/>
                    <apex:column value="{!acc.AccountNumber}"/>
                    <apex:column value="{!acc.Phone}"/>
                    <apex:column value="{!acc.Rating}"/>
                    <apex:column value="{!acc.Website}"/>
                </apex:pageBlockTable>
            </apex:pageBlockSection>
            
            <apex:pageBlockSection  rendered="{!IF(contacts.size>0, true, false)}">
                <!-- create a table for showing contacts information -->   
                <apex:pageBlockTable value="{!contacts}" var="con">
                    <apex:column value="{!con.FirstName}" />
                    <apex:column value="{!con.LastName}"/>
                    <apex:column value="{!con.AccountId}"/>
                    <apex:column value="{!con.Email}"/>
                    <apex:column value="{!con.Phone}"/>
                </apex:pageBlockTable>
            </apex:pageBlockSection>
        </apex:pageBlock>
    </apex:form>
</apex:page>

ApexOutputLinkController.apxc

// create ApexOutputLinkController class to get list of Accounts and Contacts
public class ApexOutputLinkController {
    public List<account> accounts{get;set;}
    public List<contact> contacts{get;set;}
    
    // default constructor
    public ApexOutputLinkController (){
        accounts = new List<account>();
        contacts = new List<contact>();
    }
    
    // create getAccounts() method to get account records 
    public void getAccounts() {
        accounts = [select Id, Name, Rating, Phone, AccountNumber, Website From Account];
    }
    // create getContacts() method to get contact records
    public void getContacts() {
        contacts = [select Id, FirstName, LastName, AccountId, Email, Phone From Contact];
    }
}

输出

apex: outputLink component in Visualforce Page

下一主题Visualforce 页面中的组件

<apex: outputLink> Visualforce 页面中的组件

1. accesskey

2. charset

3. coords

4. dir

5. disabled

6. hreflang

7. id

8. lang

9. onblur

10. onclick (点击)

11. ondblclick (双击)

12. onfocus (获得焦点)

13. onkeydown (键盘按下)

14. onkeypress (键盘按键)

15. onkeyup (键盘释放)

16. onmousedown (鼠标按下)

17. onmousemove (鼠标移动)

18. onmouseout (鼠标移出)

19. onmouseover (鼠标悬停)

20. onmouseup (鼠标释放)

21. rel

22. rev

23. rendered

24. style

25. styleClass

26. tabindex

27. title

28. target

29. type

30. value

联系信息

关注我们

教程

面试题

在线编译器

Python

Java

.Net Framework

AI, ML and Data Science

Cloud Technology

B.Tech and MCA

Web Technology

PHP

Software Testing

Technical Interview

Java Interview

Python

Web Interview

Database Interview

B.Tech / MCA

Important Interview

Software Testing Interview

Company Interviews

Online Compilers

Multiple Choice Questions

Visualforce Salesforce

<apex: outputLink> Visualforce 页面中的组件

1. accesskey

2. charset

3. coords

4. dir

5. disabled

6. hreflang

7. id

8. lang

9. onblur

10. onclick (点击)

11. ondblclick (双击)

12. onfocus (获得焦点)

13. onkeydown (键盘按下)

14. onkeypress (键盘按键)

15. onkeyup (键盘释放)

16. onmousedown (鼠标按下)

17. onmousemove (鼠标移动)

18. onmouseout (鼠标移出)

19. onmouseover (鼠标悬停)

20. onmouseup (鼠标释放)

21. rel

22. rev

23. rendered

24. style

25. styleClass

26. tabindex

27. title

28. target

29. type

30. value

相关帖子

apex:message 组件

apex:inputCheckbox 组件

apex:pageMessage 组件

apex:commandLink 组件

apex:includeLightning 组件

apex:composition 组件

apex:actionStatus 组件

apex:chart 组件

apex:pageBlockTable 组件

apex:gaugeSeries 组件

订阅 Tpoint Tech

联系信息

关注我们

教程

面试题

在线编译器