jQWidgets Forums

Forum Replies Created

Viewing 15 posts - 91 through 105 (of 113 total)
  • Author
    Posts

  • robf
    Participant

    Thank you. When I checked the updaterow logic there was a jqxGrid(‘refreshdata’) which was causing scroll to top.
    Please consider this issue closed. Thanks!


    robf
    Participant

    Hi,
    Another question in similar scope. If attempting to use jqgrid in a real-time app, how would one prevent the grid from shifting – e.g. when using updateRow with NO sorting and NO grouping the grid always scrolls to the top of view. If a user is halfway down the list it seems it should transparently update grid without any scrolling. How is this accomplished?

    Thanks.
    Rob


    robf
    Participant

    Hello – any ideas on this issue?

    in reply to: jqxBarGauge too small? jqxBarGauge too small? #104974

    robf
    Participant

    Hmm. Unfortunately there was no change. FYI: I use this feature with other, successfully rendered, widgets – e.g. grid, so it doesn’t appear to be a jquery compatibility issue. I am using jquery 3.3.1.

    in reply to: jqxBarGauge too small? jqxBarGauge too small? #104956

    robf
    Participant

    Have i hit a limit on question asked and answered during evaluation ?

    in reply to: URN for grid id URN for grid id #104895

    robf
    Participant

    Thanks, Martin.

    in reply to: Remove 'ellipsis' column Remove 'ellipsis' column #104153

    robf
    Participant

    Hi Martin,
    Sorry for the confusion. I’m aware of that option to display ellipsis inside the cell. I’m referring to the LAST column of the grid which, when clicked on, displays a form screen w/row details. Please see link.
    Thanks.
    Rob
    https://ibb.co/dMQ7qRc

    in reply to: Elongated column menu Elongated column menu #104140

    robf
    Participant

    Hi- closing this issue as it seems to run fine from the cdn jquery 3.2. Thanks you!

    in reply to: Elongated column menu Elongated column menu #104137

    robf
    Participant

    Hi. Seems the issue is related to jquery version. I am using jquery 3.2. Only 1.11.1 seems to work. Could that be right?

    Thanks
    Rob

    in reply to: Elongated column menu Elongated column menu #104118

    robf
    Participant

    Hi. The odd thing is, even when I remove bootstrap.css the menu still is elongated. All the priority css is part of jqx.
    Any other thoughts on this would be appreciated.
    Thanks.
    Rob

    in reply to: Elongated column menu Elongated column menu #104107

    robf
    Participant

    Hi. I am using Bootstrp. Below is my basic index.html config.

    `
    <!DOCTYPE html>
    <html lang=”en”>

    <head>
    <title id=’Description’>Viewer</title>
    <link rel=”stylesheet” href=”css/bootstrap.min.css” type=”text/css” />
    <link href=”css/font-awesome.css” rel=”stylesheet”>
    <link rel=”stylesheet” href=”jqwidgets/styles/jqx.base.css” type=”text/css” />
    <link rel=”stylesheet” href=”jqwidgets/styles/jqx.energyblue.css” type=”text/css” />

    <script type=”text/javascript” src=”js/jquery.min.js”></script>
    <script type=”text/javascript” src=”js/bootstrap.min.js”></script>
    <script type=”text/javascript” src=”jqwidgets/jqxcore.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/jqxmenu.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/jqxlistbox.js”></script>
    <script type=”text/javascript” src=”jqwidgets/jqxGrid.grouping.js”></script>
    <script type=”text/javascript” src=”jqwidgets/jqxdropdownlist.js”></script>
    <script type=”text/javascript” src=”jqwidgets/jqxGrid.selection.js”></script>
    <script type=”text/javascript” src=”jqwidgets/jqxGrid.edit.js”></script>
    <script type=”text/javascript” src=”jqwidgets/jqxGrid.columnsresize.js”></script>
    <script type=”text/javascript” src=”jqwidgets/jqxGrid.columnsreorder.js”></script>
    <script type=”text/javascript” src=”jqwidgets/jqxdata.js”></script>

    <script type=”text/javascript” src=”js/underscore.min.js”></script>
    <script type=”text/javascript” src=”js/underscore.string.min.js”></script>
    <script type=”text/javascript” src=”js/moment.min.js”></script>
    <script type=”text/javascript” src=”js/bootbox.min.js”></script>
    <script type=”text/javascript” src=”js/main.js”></script>

    </head>

    <body>

    <div class=”container-fluid”>
    <div class=”row”>
    <div class=”col-md-12″>
    <h3 class=”text-primary”> <img src=”images/logo.png” alt=”” /> Viewer</h3>
    </div>
    </div>

    <div class=”row”>
    <div class=”col-md-12″>
    <div class=”well well-sm” style=”background-color: lightsteelblue”>
    <p class=”info” style=”line-height: 24px”>This app allows you to monitor in a single
    view. It includes dynamic filtering, grouping and sorting.</b>
    </p>
    </div>
    </div>
    </div>
    <div class=”row”>
    <div class=”col-md-12″>
    <div>

    <button id=”allData” type=”button” class=”btn btn-primary”>Load Data</button>
    <div class=”btn-group”>
    <button type=”button” class=”btn btn-warning dropdown-toggle” data-toggle=”dropdown” aria-haspopup=”true”
    aria-expanded=”false”>Filter Status <span class=”caret”></span>
    </button>
    <ul class=”dropdown-menu”>
    <li><a href=”#” onclick=”getByStatus(‘P’)”>P</a></li>
    <li><a href=”#” onclick=”getByStatus(‘U’)”>U</a></li>
    </ul>
    </div>
    </div>
    </div>
    </div>
    <div class=”row”>
    <div class=”col-md-12″>
    <div id=”gridWell” class=”well well-sm” style=”background-color: lightsteelblue; display: none”>
    <div style=”padding: 5px; “>
    <p class=”info2″>
    <b>Note:</b> when the grid is loaded, the default <em>groupings</em> are
    <b>Money</b> and <b>Status</b> and the default <em>sort</em> is <b>Timestamp</b>
    </p>
    </div>
    <div id=”jqxWidget”>
    <div id=”jqxGrid”></div>
    </div>
    </div>
    </div>
    </div>
    </div>

    <!– Modal –>
    <div class=”modal fade” id=”myModal” data-backdrop=”static” data-keyboard=”false” tabindex=”-1″ role=”dialog”
    aria-hidden=”true” style=”padding-top:15%; overflow-y:visible;”>
    <div class=”modal-dialog modal-m”>
    <div class=”modal-content”>
    <div class=”modal-body” style=”text-align: center”>
    <h4 id=”modalTitle”>Processing request. Please wait…</h4>
    <div class=”fa fa-spinner fa-spin fa-3x”></div>
    </div>
    </div>
    </div>
    </div>

    </body>

    </html>
    `

    in reply to: Elongated column menu Elongated column menu #104091

    robf
    Participant
    in reply to: JQXTreeGrid Editing JQXTreeGrid Editing #99978

    robf
    Participant

    Hi Stanislav,

    That is close. Ultimately what I’m looking for is something like, for example, parent is COUNTRY; children are CITIES

    CountryA
    City1
    City2
    CountryB
    City1
    City2

    Need to be able to add new country, then select/highlight country and add city(s). So need add/update/delete but at either parent or child level. Is this better done with context menu or buttons?

    Is there a better widget to try this with?

    Thanks!
    Rob


    robf
    Participant

    Hi Peter,

    Loading several thousand rows into grid with grouping set to one column. After data is loaded the scrolling appears OK. However, when I click on a row to expand I’m witnessing the browser (Chrome) spike to more than 50% CPU. This happens consistently and eventually crashes the browser. I’m at a complete loss for this massive performance hit and it makes the app unusable. Might you have any suggestions for improving performance within options? Desperate for tuning!

    I define the grid once and load data on demand based on file contents of json.

    var data = jsondata;

    gridSource =
    {
    datatype: “json”,
    localdata: data,
    //id: ‘id’,
    sortcolumn: ‘timestamp’,
    sortdirection: ‘desc’,
    dataFields:
    [
    {
    name: ‘_name’,
    type: ‘string’
    },
    {
    name: ‘pxltype’,
    type: ‘string’
    },
    {
    name: ‘ibdtradereferencenumber’,
    type: ‘string’
    },
    {
    name: ‘timestamp’,
    type: ‘string’
    },
    {
    name: ‘ibdreferencenumber’,
    type: ‘string’
    },
    {
    name: ‘tramid’,
    type: ‘string’
    }, {
    name: ‘adddata’,
    type: ‘string’
    },
    {
    name: ‘buysellcode’,
    type: ‘string’
    },
    {
    name: ‘accountnumber’,
    type: ‘string’
    },
    {
    name: ‘securityidentifier’,
    type: ‘string’
    },
    {
    name: ‘quantity’,
    type: ‘number’
    },
    {
    name: ‘price’,
    type: ‘number’
    },
    {
    name: ‘tradedate’,
    type: ‘date’
    },
    {
    name: ‘settlementdate’,
    type: ‘date’
    },
    {
    name: ‘executingbroker’,
    type: ‘string’
    },
    {
    name: ‘contrabroker’,
    type: ‘number’
    },
    {
    name: ‘offsetaccountnumber’,
    type: ‘string’
    },
    {
    name: ‘overridepoolfactor’,
    type: ‘number’
    }, {
    name: ‘gooddeliverydate’,
    type: ‘date’
    }, {
    name: ‘mbscindicator’,
    type: ‘string’
    }
    ]
    };

    $(‘#jqxGrid’).on(‘bindingcomplete’,
    function (event) {
    //alert(‘binding complete’);
    showProgress(false);
    });

    var dataAdapter = new $.jqx.dataAdapter(gridSource);

    $(“#jqxGrid”).jqxGrid(
    {
    width: ‘97%’,
    height: ‘60%’,
    theme: ‘energyblue’,
    source: dataAdapter,
    sortable: true,
    groupable: true,
    columnsresize: true,
    filterable: true,
    pageable: true,
    //showfilterrow: true,
    editable: true,
    editmode: ‘dblclick’,
    selectionmode: ‘multiplerows’,
    groups: [‘ibdtradereferencenumber’],
    // ready: function () {
    // $(“#jqxGrid”).jqxGrid(‘selectrow’, 0);
    // $(‘#jqxGrid’).jqxGrid(‘focus’);
    // },
    columns:
    [
    {
    text: ‘Name’,
    dataField: ‘_name’,
    width: 150
    },
    {
    text: ‘Type’,
    dataField: ‘pxltype’,
    width: 80
    },
    {
    text: ‘IBD Trade Ref Nbr’,
    dataField: ‘ibdtradereferencenumber’,
    width: 150
    },
    {
    text: ‘Timestamp’,
    dataField: ‘timestamp’,
    width: 200
    },
    {
    text: ‘IBD Ref Nbr’,
    dataField: ‘ibdreferencenumber’,
    width: 150
    },
    {
    text: ‘TRAM ID’,
    dataField: ‘tramid’,
    width: 190
    },
    {
    text: ‘Additional Data’,
    dataField: ‘adddata’,
    width: 340
    },
    {
    text: ‘B/S’,
    dataField: ‘buysellcode’,
    width: 50
    },
    {
    text: ‘Account Number’,
    dataField: ‘accountnumber’,
    width: 150
    },
    {
    text: ‘Security ID’,
    dataField: ‘securityidentifier’,
    width: 130
    },
    {
    text: ‘Quantity’,
    dataField: ‘quantity’,
    width: 100
    },
    {
    text: ‘Price’,
    dataField: ‘price’,
    width: 120
    },
    {
    text: ‘Trade Date’,
    dataField: ‘tradedate’,
    cellsFormat: ‘d’,
    width: 120
    },
    {
    text: ‘Settle Date’,
    dataField: ‘settlementdate’,
    cellsFormat: ‘d’,
    width: 120
    },
    {
    text: ‘Exec Broker’,
    dataField: ‘executingbroker’,
    width: 130
    },
    {
    text: ‘Contra Broker’,
    dataField: ‘contrabroker’,
    width: 100
    },
    {
    text: ‘Offset Account’,
    dataField: ‘offsetaccountnumber’,
    width: 120
    },
    {
    text: ‘Override Pool Factor’,
    dataField: ‘overridepoolfactor’,
    width: 160
    },
    {
    text: ‘Good Delivery Date’,
    dataField: ‘gooddeliverydate’,
    cellsFormat: ‘d’,
    width: 150
    },
    {
    text: ‘MBSC Ind’,
    dataField: ‘mbscindicator’,
    width: 90
    }
    ]
    });
    }

    in reply to: What is the right approach? What is the right approach? #65980

    robf
    Participant

    Hi Peter,
    Thank you for your response. In the example you posted I still see “structure” to the JSON – i.e. there is still a dataFields mapping

    dataFields: [
                        { name: 'EmployeeID', type: 'number' },
                        { name: 'FirstName', type: 'string' },
                        { name: 'LastName', type: 'string' },
                        {...  { name: 'BirthDate', type: 'date' }
                    ],
    

    I am pulling arbitrary JSON – e.g. CONFIG files that hold various bits of meta data for an app. Keys may be “preferences”, “clients”, “options”, etc. The JSON is valid but again, arbitrary. I want to insert this into a simple tree view instead of what I use now which is a pretty-print json representation. == has good example of pasting any valid json and creating tree.

    Thank you again for your time.
    Robert

Viewing 15 posts - 91 through 105 (of 113 total)