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

17 Mar 2025 | 4 分钟阅读

<apex:dataList> 是 Visualforce 页面上最重要的组件之一。它是由一组数据迭代定义的有序或无序的值列表。<apex:dataList> 组件是 <apex:repeat>、<apex:dataTable><apex:pageBlockTable> 的替代方案,它使用包含行的 li 元素呈现无序或有序列表。

以下是 apex:dataList 组件的一些属性

1. dir

dir 是一个字符串类型属性,用于定义生成的 HTML 组件的读取方向。 RTLLTR 是此属性的两个可能值。

语法

2. first

first 是一个整数类型属性,指示列表中可见呈现的迭代中的第一个元素。由 value 属性指定的数据集中第一个元素的索引为 0。

语法

3. id

id 是一个字符串类型属性,用于定义一个唯一标识符,允许页面上的其他组件引用此组件。

语法

4. lang

lang 是一个字符串类型属性,用于定义生成的 HTML 输出的基本语言。

语法

5. onclick

onclick 是一个字符串类型属性,用于在发生 onclick 事件时或用户单击列表时调用 JavaScript 方法。

语法

6. ondblclick

ondblclick 是一个字符串类型属性,用于在发生 ondblclick 事件时或简单地在列表被双击时调用 JavaScript 方法。

语法

7. onkeydown

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

语法

8. onkeypress

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

语法

9. onkeyup

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

语法

10. onmousedown

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

语法

11. onmousemove

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

语法

12. onmouseout

onmouseout 是一个字符串类型属性,用于在发生 onmouseout 事件时或当用户将鼠标指针从列表上移开时调用 JavaScript 方法。

语法

13. onmouseover

onmouseover 是一个字符串类型属性,用于在发生 onmouseover 事件时或当用户将指针移动到列表上时调用 JavaScript 方法。

语法

14. onmouseup

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

语法

15. rendered

rendered 是一个布尔类型属性,用于指定此组件是否在页面上呈现。布尔值 true 是此属性的默认值。

语法

16. rows

'rows' 是一个整数类型属性,用于指定列表中要显示的最大项目数。 0 是此属性的默认值,表示所有可能的列表项。

语法

17. style

style 是一个字符串类型属性,用于定义内联 CSS 以应用于数据列表组件。

语法

18. styleClass

styleClass 是一个字符串类型属性,用于定义要应用于数据列表组件的 CSS 类。 styleClass 属性用于指定将应用于组件的外部 CSS 样式表。

语法

19. title

title 是一个字符串类型属性,用于指定当用户的鼠标指针悬停在此组件上时将显示的文本。

语法

20. type

type 是一个字符串类型属性,用于定义应显示的列表的类型。

  1. 1、A、i 和 I 是有序列表的可能值
  2. disc、square 和 circle 是无序列表的可能值。 disc 是此属性的默认值。

语法

21. value

value 是一个对象类型属性,用于定义列表中显示的数据集合。

语法

22. var

var 是一个字符串类型属性,用于定义由 value 属性指定的数据集合中的一个元素表示的变量的名称。

语法

让我们举个例子来了解如何在 Visualforce 页面上使用 <apex:dataList> 组件。

ApexDataListExample.vfp

ApexDataListController.apxc

输出

apex:dataList in Visualforce Page