博客

jQWidgets jqxTagCloud getHiddenTagsList()方法

  • Post category:jquery

jQWidgets jqxTagCloud getHiddenTagsList()方法

jqxTagCloud是一个基于jQuery和jQWidgets开发的标签云控件。其中，getHiddenTagsList()方法可以用于获取标签云控件中的隐藏标签列表。接下来将详细讲解该方法的使用方法。

方法原型

getHiddenTagsList(): string[]

方法说明

该方法可以获取标签云控件中所有隐藏标签的列表。

使用方法

调用该方法需要先获取一个jqxTagCloud实例，比如我们可以在页面中添加如下代码来创建一个标签云控件：

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

var tagCloud = $("#tagCloud").jqxTagCloud({
    width: 800,
    height: 300,
    source: [
        { label: "标签1", url: "#" },
        { label: "标签2", url: "#" },
        { label: "标签3", url: "#" },
        { label: "标签4", url: "#" },
        { label: "标签5", url: "#" },
        { label: "标签6", url: "#" },
        { label: "标签7", url: "#" },
        { label: "标签8", url: "#" },
        { label: "标签9", url: "#" }
    ]
});

在获取了tagCloud对象后，我们可以直接通过该对象调用getHiddenTagsList()方法来获取全部隐藏标签列表：

var hiddenTags = tagCloud.getHiddenTagsList();
console.log(hiddenTags);

以上代码将输出全部隐藏标签的列表。

示例说明

示例1

下面的示例演示了如何通过getHiddenTagsList()方法获取全部隐藏标签列表并在控制台中输出：

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

<script src="jquery.js"></script>
<script src="jqwidgets/jqxcore.js"></script>
<script src="jqwidgets/jqxtagcloud.js"></script>

<script>
    var tagCloud = $("#tagCloud").jqxTagCloud({
        width: 800,
        height: 300,
        source: [
            { label: "标签1", url: "#" },
            { label: "标签2", url: "#" },
            { label: "标签3", url: "#" },
            { label: "标签4", url: "#" },
            { label: "标签5", url: "#" },
            { label: "标签6", url: "#" },
            { label: "标签7", url: "#" },
            { label: "标签8", url: "#" },
            { label: "标签9", url: "#" }
        ]
    });

    var hiddenTags = tagCloud.getHiddenTagsList();
    console.log(hiddenTags);
    // 输出: []
</script>

示例2

下面的示例演示了如何通过hideItem()方法来隐藏一个标签，并通过getHiddenTagsList()方法获取全部隐藏标签列表并在控制台中输出：

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

<script src="jquery.js"></script>
<script src="jqwidgets/jqxcore.js"></script>
<script src="jqwidgets/jqxtagcloud.js"></script>

<script>
    var tagCloud = $("#tagCloud").jqxTagCloud({
        width: 800,
        height: 300,
        source: [
            { label: "标签1", url: "#" },
            { label: "标签2", url: "#" },
            { label: "标签3", url: "#" },
            { label: "标签4", url: "#" },
            { label: "标签5", url: "#" },
            { label: "标签6", url: "#" },
            { label: "标签7", url: "#" },
            { label: "标签8", url: "#" },
            { label: "标签9", url: "#" }
        ]
    });

    tagCloud.hideItem(0); // 隐藏第一个标签

    var hiddenTags = tagCloud.getHiddenTagsList();
    console.log(hiddenTags);
    // 输出: ["标签1"]
</script>

以上示例中，我们通过hideItem()方法来隐藏第一个标签，然后再通过getHiddenTagsList()方法来获取全部隐藏标签列表并在控制台中输出。输出结果为["标签1"]，也就证明了该方法是可以正确获取隐藏标签列表的。

Tags: