items[]

立即下载DevExtreme

UI组件显示的项数组。

• Type：< | dxAccordionItem | any>
• Raised Events： optionChanged

items数组可以包括：

• 字符串。
• 具有本节中描述的字段的对象。
• 对象与任何其他字段，在本例中，指定itemTemplate。

如果您需要更新UI组件项，重新分配整个items数组，如下例所示：

accordionInstance.option('items', newItems);

作为 items的替代方案，您可以使用dataSource属性，它接受DataSource对象，该对象的底层存储提供了一个API，允许更新单个项，而无需重新分配整个项集合。

提示：如果使用dataSource，则不要使用items属性，反之亦然。

组件

在React中指定的模板属性的别名，接受自定义组件。

disabled

指定UI组件项是否响应用户交互。

• Type：
• Default Value： false

html

指定要插入到item元素中的HTML标记。

Type：

Accordion组件计算html属性的值，然而，这种评估使得Accordion可能容易受到XSS攻击。为了防止这些攻击，请在将HTML标记分配给html属性之前对其进行编码。

您可以使用text属性作为安全的替代方法。

图标

指定要在面板标题中显示的图标。

Type：

此属性接受下列参数之一：

• 图标的URL。
• 如果图标来自DevExtreme图标库，则该图标的名称。
• 如果图标来自外部图标库(参见外部图标库)，则该图标的CSS类。
• Base64格式的图标。
• SVG格式的图标，请确保来源可靠。

render

在React中指定的模板属性的别名，接受呈现函数。

模板

指定应仅用于呈现此项的模板。

• Type：
• Template Data： CollectionWidgetItem
• 要呈现的项目对象。

指定值有以下几种类型：

• 分配一个包含所需模板名称的字符串。
• 指定一个模板容器的jQuery对象。
• 为模板的容器分配一个DOM节点。
• 赋值一个函数返回jQuery对象或模板容器的DOM节点。

下面的示例将自定义项添加到组件中，注意Angular和Vue使用的是自定义模板来替代template属性，在React中，指定渲染或组件属性。

$(function() {
$("#accordionContainer").dxAccordion({
// ...
items: [
{
// ...
template: '<div>Custom Item</div>'
}
]
});
});

text

指定UI组件项显示的文本。

Type：

标题

指定UI组件项标题显示的文本。

Type：

标题组件

在React中指定的titleTemplate属性的别名，接受自定义组件。

titleRender

在React中指定的titleTemplate属性的别名，接受呈现函数。

标题模板

指定一个模板，该模板应仅用于呈现该项目的标题。

• Type：
• Template Data： undefined

指定值有以下几种类型：

• 分配一个包含所需模板名称的字符串。
• 指定一个模板容器的jQuery对象。
• 为模板的容器分配一个DOM节点。
• 赋值一个函数返回jQuery对象或模板容器的DOM节点。

$(function() {
$("#accordion").dxAccordion({
// ...
items: [
{
titleTemplate: () => $('<b>').text('First item title')
}],
});
});

visible

指定是否必须显示UI组件项。

• Type：
• Default Value： true