jQWidgets jqxTagCloud displayValue属性

jQWidgets jqxTagCloud displayValue属性

jQWidgets是一个JavaScript框架,用于为PC和移动设备制作基于Web的应用程序。它是一个非常强大的、优化的、与平台无关的、并被广泛支持的框架。jqxTagCloud用于显示一组用户生成的标签,这些标签与网站上的文章、帖子或视频相配。每个标签都有一个权重值,与它在页面上的受欢迎程度、重要性或重复出现程度相对应。云中的关键词可能包含它们自己的URL,可以导航到与相关标签相关的项目集合。

displayValue 属性用于设置或获取displayValue属性,该属性用于指定是否在指定的jqxTagCloud的文本后添加标签值域。它接受布尔类型的值,其默认值为false。

语法:

  • 它用于设置displayValue 属性
    “`html $(‘#jqxTagCloud’).jqxTagCloud({ displayValue: true });
  • </ul>

    <pre><code class=" line-numbers"><br />* 它用于获取displayValue 属性
    “`html var value = $(‘#jqxTagCloud’).jqxTagCloud({ ‘displayValue’ });

    链接的文件:从给出的链接中下载jQWidgets。在HTML文件中,找到下载文件夹中的脚本文件。

    <link rel=”stylesheet” href=”jqwidgets/styles/jqx.base.css” type=”text/css” />
    <script type=”text/javascript” src=”scripts/jquery.js”></script>
    <script type=”text/javascript” src=”jqwidgets/jqxcore.js”></script>
    <script type=”text/javascript” src=”jqwidgets/jqxdata.js”></script>
    <script type=”text/javascript” src=”jqwidgets/jqxtagcloud.js”></script>
    <script type=”text/javascript” src=”jqwidgets/jqx-all.js”></script>
    

    例子:下面的例子说明了jQWidgets jqxTagCloud displayValue属性。在下面的例子中,displayValue 属性的值已被设置为真。

    <!DOCTYPE html>
    <html lang="en">
      
    <head>
        <link rel="stylesheet" 
              href="jqwidgets/styles/jqx.base.css"
              type="text/css"/>
        <script type="text/javascript" 
                src="scripts/jquery.js">
        </script>
        <script type="text/javascript" 
                src="jqwidgets/jqxcore.js">
        </script>
        <script type="text/javascript" 
                src="jqwidgets/jqxdata.js">
        </script>
        <script type="text/javascript" 
                src="jqwidgets/jqxtagcloud.js">
        </script>
        <script type="text/javascript" 
                src="jqwidgets/jqx-all.js">
        </script>
    </head>
      
      
    <body>
        <center>
            <h1 style="color:green;">
                GeeksforGeeks
            </h1>
            <h3>
                jQWidgets jqxTagCloud displayValue Property
            </h3>
            <div id="Tag_Cloud"></div>
            <input type="button" style="margin: 28px;" 
                   id="button_for_displayValue"
              value="Value of the displayValue property"/>
            <div id="log"></div>
            
            <script type="text/javascript">
                (document).ready(function () {
                    var Data_for_TagCloud = [
                        { Name: "GFG", Rating: 4 },
                        { Name: "is a", Rating: 3 },
                        { Name: "CS", Rating: 2 },
                        { Name: "Portal.", Rating: 5 },
                    ];
                    var dataAdapter = new
                        .jqx.dataAdapter({
                            localData: Data_for_TagCloud
                        });
                    ('#Tag_Cloud').jqxTagCloud({
                        width: 450,
                        source: dataAdapter,
                        displayMember: 'Name',
                        valueMember: 'Rating',
                        displayValue: true
                    });
                    ("#button_for_displayValue").
                        jqxButton({
                            width: 300
                        });
                    ("#button_for_displayValue").jqxButton().
                        click(function () {
                            var Value_of_displayValue =
                                ('#Tag_Cloud').jqxTagCloud(
                                    'displayValue');
                            $("#log").html((
                                Value_of_displayValue));
                        });
                });
            </script>
        </center>
    </body>
      
    </html>
    

    输出:

    jQWidgets jqxTagCloud displayValue属性

Python教程

Java教程

Web教程

数据库教程

图形图像教程

大数据教程

开发工具教程

计算机教程