jQWidgets jqxPivotGrid getPivotColumns() 方法

jQWidgets是一个 JavaScript 框架，用于为 PC 和移动设备制作基于 Web 的应用程序。它是一个非常强大、经过优化、独立于平台且得到广泛支持的框架。 jqxPivotGrid 是一个功能强大且轻量级的数据可视化小部件，完全用 JavaScript 语言编写。这个小部件提供了许多高级功能，并且可以根据不同的需求进行高度定制。

getPivotColumns()方法用于获取指定jqxPivotGrid小部件的数据透视列。

句法：

var a = $('#myPivotGrid').jqxPivotGrid('getPivotColumns');

参数：此方法不接受任何参数。

返回值：此方法返回数据透视列。

链接文件：从给定链接下载 jQWidgets。在 HTML 文件中，找到下载文件夹中的脚本文件。

示例：下面的示例说明了 jQWidgets jqxPivotGrid getPivotColumns() 方法。

HTML

  

    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    

  

    
        
            GeeksforGeeks
        
        jQWidgets jqxPivotGrid getPivotColumns() Method
        
        
        
        
        
            $(document).ready(function () {
                var data = new Array();
                var i = 0;
                while (i <= 2) {
                    var Column = ["Company"];
                    var Domain = ["Progamming",
                        "CS subjects",
                        "GATE preparation"];
                    var Rank = ["Ranking"];
                    var row = {};
                    row["Domain"] = Domain[i];
                    row["Column"] = "Company";
                    row["Rank"] = "Domain";
                    data.push(row);
                    i++;
                }
                var dataAdapter = new $.jqx.dataAdapter({
                    localdata: data,
                    datafields:
                        [
                            { name: 'Rank', type: 'string' },
                            { name: 'Domain', type: 'string' },
                            { name: 'Column', type: 'string' },
                        ]
                });
                var pivotDataSource = new $.jqx.pivot(
                    dataAdapter,
                    {
                        values: [
                            { text: 'GeeksforGeeks' }
                        ],
                        columns: [{ dataField: 'Column' }],
                        rows: [{ dataField: 'Rank' },
                        { dataField: 'Domain' }],
                    }
                );
                $('#jqx_Pivot_Grid').jqxPivotGrid({
                    source: pivotDataSource
                });
                $("#button_for_getPivotColumns").jqxButton({
                    width: 300
                });
                $('#button_for_getPivotColumns')
                .jqxButton().click(function () {
                    var a = $('#jqx_Pivot_Grid')
                        .jqxPivotGrid('getPivotColumns');
  
                    $("#log").html('This widget has ' 
                        + a.items.length + ' column.');
                })
            });
        
    

  

输出：

参考： https://www.jqwidgets.com/jquery-widgets-documentation/documentation/jqxpivotgrid/jquery-pivotgrid-api.htm?search=