jQWidgets Forums
Forum Replies Created
-
Author
-
June 3, 2019 at 5:05 pm in reply to: Grid grouping collapses on updaterow Grid grouping collapses on updaterow #105478
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!June 2, 2019 at 3:42 am in reply to: Grid grouping collapses on updaterow Grid grouping collapses on updaterow #105468Hi,
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.
RobMay 20, 2019 at 4:47 pm in reply to: jqxMenu loses itemClicked event jqxMenu loses itemClicked event #105307Hello – any ideas on this issue?
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.
Have i hit a limit on question asked and answered during evaluation ?
Thanks, Martin.
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/dMQ7qRcHi- closing this issue as it seems to run fine from the cdn jquery 3.2. Thanks you!
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
RobHi. 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.
RobHi. 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>
`
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
City2Need 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!
RobMarch 31, 2017 at 6:27 am in reply to: Performance of the page is very slow when using Grid Performance of the page is very slow when using Grid #92590Hi 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
}
]
});
}January 25, 2015 at 11:08 pm in reply to: What is the right approach? What is the right approach? #65980Hi 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 mappingdataFields: [ { 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 -
AuthorPosts