jQWidgets jqxTagCloud displayMember属性

jQWidgets jqxTagCloud 的 displayMember 属性详解

jqxTagCloud 是 jQWidgets 的一个组件，用于展示标签云，非常适用于网站标签的展示。其中，displayMember 属性是用来设置标签内容的显示文本标识符的。

displayMember 属性的作用

displayMember 是 jqxTagCloud 的一个成员属性，用于定义显示标签内容所需要的文本信息的属性名称。这个属性接受的值是一个字符串，可以是单个属性名，或者是用逗号分隔的多个属性名。

示例说明

下面我来举两个例子，以便更好地理解 displayMember 属性的作用。

示例一：

假设数据源如下：

var source = [
    { name: "C#" ,score:8 },
    { name: "Java" ,score:6 },
    { name: "JavaScript" ,score:9 }
];

我们可以通过设置 displayMember 属性，来自定义标签云中的标签文本。比如，我们想要在标签云中展示每个标签的名字和得分，我们可以这样定义：

$("#jqxTagCloud").jqxTagCloud({
    displayMember: 'name, score',
    source: source
});

这样，标签云中会以 name:score 的形式展示标签内容。

示例二：

假设数据源如下：

var source = [
    { label: "HTML" ,value:6 },
    { label: "CSS" ,value:7 },
    { label: "jQuery" ,value:8 }
];

我们可以通过设置 displayMember 属性，来自定义标签云中的标签文本。比如，我们想要在标签云中展示每个标签的名字和值，我们可以这样定义：

$("#jqxTagCloud").jqxTagCloud({
    displayMember: 'label, value',
    source: source
});

这样，标签云中会以 label:value 的形式展示标签内容。

总结

displayMember 属性是用来设置标签内容的显示文本标识符的。通过设置这个属性，我们可以方便地自定义标签云中显示的内容。需要注意的是，这个属性的值必须是字符串类型，可以是单个属性名，也可以是用逗号分隔的多个属性名。