items[]

立即下載DevExtreme

UI組件顯示的項(xiàng)數(shù)組。

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

items數(shù)組可以包括：

• 字符串。
• 具有本節(jié)中描述的字段的對(duì)象。
• 對(duì)象與任何其他字段，在本例中，指定itemTemplate。

如果您需要更新UI組件項(xiàng)，重新分配整個(gè)items數(shù)組，如下例所示：

accordionInstance.option('items', newItems);

作為 items的替代方案，您可以使用dataSource屬性，它接受DataSource對(duì)象，該對(duì)象的底層存儲(chǔ)提供了一個(gè)API，允許更新單個(gè)項(xiàng)，而無(wú)需重新分配整個(gè)項(xiàng)集合。

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

組件

在React中指定的模板屬性的別名，接受自定義組件。

disabled

指定UI組件項(xiàng)是否響應(yīng)用戶交互。

• Type：Boolean
• Default Value： false

html

指定要插入到item元素中的HTML標(biāo)記。

Type： String

Accordion組件計(jì)算html屬性的值，然而，這種評(píng)估使得Accordion可能容易受到XSS攻擊。為了防止這些攻擊，請(qǐng)?jiān)趯TML標(biāo)記分配給html屬性之前對(duì)其進(jìn)行編碼。

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

圖標(biāo)

指定要在面板標(biāo)題中顯示的圖標(biāo)。

Type： String

此屬性接受下列參數(shù)之一：

• 圖標(biāo)的URL。
• 如果圖標(biāo)來(lái)自DevExtreme圖標(biāo)庫(kù)，則該圖標(biāo)的名稱。
• 如果圖標(biāo)來(lái)自外部圖標(biāo)庫(kù)(參見(jiàn)外部圖標(biāo)庫(kù))，則該圖標(biāo)的CSS類。
• Base64格式的圖標(biāo)。
• SVG格式的圖標(biāo)，請(qǐng)確保來(lái)源可靠。

render

在React中指定的模板屬性的別名，接受呈現(xiàn)函數(shù)。

模板

指定應(yīng)僅用于呈現(xiàn)此項(xiàng)的模板。

• Type：template
• Template Data： CollectionWidgetItem
• 要呈現(xiàn)的項(xiàng)目對(duì)象。

指定值有以下幾種類型：

• 分配一個(gè)包含所需模板名稱的字符串。
• 指定一個(gè)模板容器的jQuery對(duì)象。
• 為模板的容器分配一個(gè)DOM節(jié)點(diǎn)。
• 賦值一個(gè)函數(shù)返回jQuery對(duì)象或模板容器的DOM節(jié)點(diǎn)。

下面的示例將自定義項(xiàng)添加到組件中，注意Angular和Vue使用的是自定義模板來(lái)替代template屬性，在React中，指定渲染或組件屬性。

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

text

指定UI組件項(xiàng)顯示的文本。

Type： String

標(biāo)題

指定UI組件項(xiàng)標(biāo)題顯示的文本。

Type： String

標(biāo)題組件

在React中指定的titleTemplate屬性的別名，接受自定義組件。

titleRender

在React中指定的titleTemplate屬性的別名，接受呈現(xiàn)函數(shù)。

標(biāo)題模板

指定一個(gè)模板，該模板應(yīng)僅用于呈現(xiàn)該項(xiàng)目的標(biāo)題。

• Type：template
• Template Data： undefined

指定值有以下幾種類型：

• 分配一個(gè)包含所需模板名稱的字符串。
• 指定一個(gè)模板容器的jQuery對(duì)象。
• 為模板的容器分配一個(gè)DOM節(jié)點(diǎn)。
• 賦值一個(gè)函數(shù)返回jQuery對(duì)象或模板容器的DOM節(jié)點(diǎn)。

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

visible

指定是否必須顯示UI組件項(xiàng)。

• Type：Boolean
• Default Value： true