jQWidgets jqxTagCloud valueMember属性

关于jQWidgets的标签云（jqxTagCloud）控件，它是一种可以将不同标签按照不同权重显示出来的控件，可以展示出网站或文档的关键词信息，提高用户的交互体验。而valueMember属性是它的一个重要属性，它是用来设置控件中每个标签的权重值的。

以下是使用valueMember属性的基本步骤：

1. 引用jQWidgets的脚本和css文件，具体方法可以参考官方文档；
2. 在HTML页面中加入标签云控件的div节点，例如：

<div id="tagCloud"></div>

1. 使用jQuery初始化标签云控件，并设置valueMember属性：

$("#tagCloud").jqxTagCloud({ 
    source: tags, 
    valueMember: "weight" 
});

其中，"tags"是一个包含多个标签信息的数组，例如：

var tags = [
    { tag: "Java", weight: 60 },
    { tag: "JavaScript", weight: 80 },
    { tag: "Python", weight: 50 }
];

这里我们以两个例子来说明valueMember属性的具体用法。

1. 高亮权重最大的标签

我们可以在初始化标签云控件之后，通过jQuery选择器查找权重最大的标签，将它的字体颜色设置为红色，其他标签的字体颜色设置为默认的蓝色。示例如下：

HTML：

<div id="tagCloud"></div>

JavaScript：

var tags = [
    { tag: "Java", weight: 60 },
    { tag: "JavaScript", weight: 80 },
    { tag: "Python", weight: 50 }
];

$("#tagCloud").jqxTagCloud({ 
    source: tags, 
    valueMember: "weight" 
});

var maxWeight = Math.max.apply(Math, tags.map(function(tag) {
    return tag.weight;
}));

$("span[tag-weight="+maxWeight+"]").css("color", "red");
$("span[tag-weight!="+maxWeight+"]").css("color", "blue");

这里我们先使用Math.max()方法获取数组中最大的权重值，然后使用jQuery选择器找到权重值等于最大值的标签并设置为红色，其他标签设置为蓝色。

1. 转换权重值

有时我们需要将权重值进行一些转换，例如将0到100的权重值转换成1到10的值，这时可以使用valueMember属性的回调函数。示例如下：

HTML：

<div id="tagCloud"></div>

JavaScript：

var tags = [
    { tag: "Java", weight: 60 },
    { tag: "JavaScript", weight: 80 },
    { tag: "Python", weight: 50 }
];

$("#tagCloud").jqxTagCloud({ 
    source: tags, 
    valueMember: function(tag) {
        return Math.ceil(tag.weight / 10); // 将0-100的值转换为1-10的值
    }
});

这里我们使用了valueMember属性的回调函数，将每个标签的原始权重值传递给函数进行转换，最终返回转换后的值，即1到10的值。

以上就是使用valueMember属性的两个示例，希望解答到您的问题。