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