jQWidgets Forums

jQuery UI Widgets Forums Grid error dragging and drop a field to any place (columns, rows, values, filters)

This topic contains 1 reply, has 2 voices, and was last updated by  Peter Stoev 7 years, 6 months ago.

Viewing 2 posts - 1 through 2 (of 2 total)
  • Author

  • sonotano
    Participant

    this is my code, what is missing?? or is an error of this version?

    I am using version 5.3

    Uncaught TypeError: Cannot read property ‘length’ of undefined
    at b.(anonymous function)._updateCurrentSettings (http://localhost/grp/ap_grp/jqwidgets/jqxpivotdesigner.js:7:8461)
    at b.(anonymous function)._moveElement (http://localhost/grp/ap_grp/jqwidgets/jqxpivotdesigner.js:7:7643)
    at HTMLDivElement.<anonymous> (http://localhost/grp/ap_grp/jqwidgets/jqxpivotdesigner.js:7:6689)
    at HTMLDivElement.dispatch (http://localhost/grp/ap_grp/jqwidgets/jqxcore.js:7:31832)
    at HTMLDivElement.bB (http://localhost/grp/ap_grp/jqwidgets/jqxcore.js:7:27079)
    at Object.trigger (http://localhost/grp/ap_grp/jqwidgets/jqxcore.js:7:30230)
    at HTMLDivElement.<anonymous> (http://localhost/grp/ap_grp/jqwidgets/jqxcore.js:7:36534)
    at Function.each (http://localhost/grp/ap_grp/jqwidgets/jqxcore.js:7:6099)
    at init.each (http://localhost/grp/ap_grp/jqwidgets/jqxcore.js:7:2367)
    at init.trigger (http://localhost/grp/ap_grp/jqwidgets/jqxcore.js:7:36510)
    _updateCurrentSettings @ jqxpivotdesigner.js:7
    _moveElement @ jqxpivotdesigner.js:7
    (anonymous) @ jqxpivotdesigner.js:7
    dispatch @ jqxcore.js:7
    bB @ jqxcore.js:7
    trigger @ jqxcore.js:7
    (anonymous) @ jqxcore.js:7
    each @ jqxcore.js:7
    each @ jqxcore.js:7
    trigger @ jqxcore.js:7
    _raiseEvent @ jqxlistbox.js:7
    (anonymous) @ jqxdragdrop.js:7
    dispatch @ jqxcore.js:7
    bB @ jqxcore.js:7
    trigger @ jqxcore.js:7
    (anonymous) @ jqxcore.js:7
    each @ jqxcore.js:7
    each @ jqxcore.js:7
    trigger @ jqxcore.js:7
    _raiseEvent @ jqxdragdrop.js:7
    _mouseStop @ jqxdragdrop.js:7
    _clear @ jqxdragdrop.js:7
    _mouseUp @ jqxdragdrop.js:7
    addHandler.self @ jqxdragdrop.js:7
    dispatch @ jqxcore.js:7
    bB @ jqxcore.js:7

    <html>
    <head>
    <title>JavaScript PivotGrid – Getting started</title>
    <link rel=”stylesheet” href=”jqwidgets/styles/jqx.base.css” type=”text/css” />
    <!–<link rel=”stylesheet” href=”jqwidgets/styles/jqx.grp.css” type=”text/css” />–>
    <script type=”text/javascript” src=”jqwidgets/jqxcore.js”></script>
    <script type=”text/javascript” src=”jqwidgets/jqxdata.js”></script>
    <script type=”text/javascript” src=”jqwidgets/jqxinput.js”></script>
    <script type=”text/javascript” src=”jqwidgets/jqxbuttons.js”></script>
    <script type=”text/javascript” src=”jqwidgets/jqxscrollbar.js”></script>
    <script type=”text/javascript” src=”jqwidgets/jqxdropdownlist.js”></script>
    <script type=”text/javascript” src=”jqwidgets/jqxgrid.js”></script>
    <script type=”text/javascript” src=”jqwidgets/jqxgrid.filter.js”></script>
    <script type=”text/javascript” src=”jqwidgets/jqxgrid.sort.js”></script>
    <script type=”text/javascript” src=”jqwidgets/jqxmenu.js”></script>
    <script type=”text/javascript” src=”jqwidgets/jqxgrid.pager.js”></script>
    <script type=”text/javascript” src=”jqwidgets/jqxgrid.selection.js”></script>
    <script type=”text/javascript” src=”jqwidgets/jqxgrid.columnsresize.js”></script>
    <script type=”text/javascript” src=”jqwidgets/jqxlistbox.js”></script>
    <script type=”text/javascript” src=”jqwidgets/jqxdata.export.js”></script>
    <script type=”text/javascript” src=”jqwidgets/jqxgrid.export.js”></script>
    <script type=”text/javascript” src=”jqwidgets/jqxgrid.edit.js”></script>
    <script type=”text/javascript” src=”jqwidgets/jqxtabs.js”></script>
    <script type=”text/javascript” src=”jqwidgets/jqxgrid.aggregates.js”></script>
    <script type=”text/javascript” src=”jqwidgets/jqxtooltip.js”></script>
    <script type=”text/javascript” src=”jqwidgets/jqxpivot.js”></script>
    <script type=”text/javascript” src=”jqwidgets/jqxpivotgrid.js”></script>
    <script type=”text/javascript” src=”jqwidgets/jqxpivotdesigner.js”></script>
    <script type=”text/javascript” src=”jqwidgets/jqxwindow.js”></script>
    <script type=”text/javascript” src=”jqwidgets/jqxcheckbox.js”></script>
    <script type=”text/javascript” src=”jqwidgets/jqxdragdrop.js”></script>
    <script type=”text/javascript”>
    $(document).ready(function(){
    var data = new Array();
    var lib =
    [
    “Angular”, “React”, “VUE”, “jQuery”
    ];
    var team =
    [
    “Team 1”, “Team 2”, “Team 3”, “Team 4”
    ];
    var month =
    [
    “January”, “February”, “March”, “April”, “May”, “June”
    ];
    for (var i = 0; i < 1; i++) {
    var row = {};

    row[“lib”] = lib[i < lib.length ? i : Math.floor(Math.random() * lib.length)];
    //row[“team”] = team[i < team.length ? i : Math.floor(Math.random() * team.length)];
    row[“month”] = month[i < month.length ? i : Math.floor(Math.random() * month.length)];
    row[“bugs”] = Math.round(Math.random() * 10);
    //row[“fixed”] = Math.round(Math.random() * 10);

    data.push(row);
    }

    var source =
    {
    localdata: data,
    datatype: “array”,
    datafields:
    [
    { name: ‘lib’, type: ‘string’ },

    { name: ‘month’, type: ‘string’ },
    { name: ‘bugs’, type: ‘number’ },
    //{ name: ‘fixed’, type: ‘number’ }
    ]
    };
    var dataAdapter = new $.jqx.dataAdapter(source);
    dataAdapter.dataBind();

    // create a pivot data source from the dataAdapter
    var pivotDataSource = new $.jqx.pivot(
    dataAdapter,
    {
    pivotValuesOnRows: false,
    rows: [{ dataField: ‘month’ }],
    columns: [{ dataField: ‘lib’}],
    values: [
    { dataField: ‘bugs’, ‘function’: ‘sum’, text: ‘New bugs’}
    ]
    }
    );

    $(‘#myPivotGrid’).jqxPivotGrid(
    {
    source: pivotDataSource,
    treeStyleRows: true,
    multipleSelectionEnabled: true
    }
    );

    var pivotGridInstance = $(‘#myPivotGrid’).jqxPivotGrid(‘getInstance’);
    pivotGridInstance.getPivotRows().items[0].expand();
    pivotGridInstance.refresh();

    // create a pivot grid
    $(‘#divPivotGridDesigner’).jqxPivotDesigner(
    {
    type: ‘pivotGrid’,
    target: pivotGridInstance
    });

    });
    </script>
    </head>
    <body>
    <div id=”divPivotGridDesigner” style=”height: 400px; width: 550px;”>
    </div>
    <div id=”myPivotGrid” style=”height: 300px; width: 500px;”>
    </div>
    </body>
    </html>


    Peter Stoev
    Keymaster

    Thank you for the feedback about our Pivot Grid. We will do our best to resolve this for our next week’s release.

    Best Regards,
    Peter Stoev

    jQWidgets Team
    https://www.jqwidgets.com/

Viewing 2 posts - 1 through 2 (of 2 total)

You must be logged in to reply to this topic.